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Chapter 1 

Basic Structure 
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1.1 Preparation 

Template 1: head and headings 

Script 
<!DOCTYPE html 

PUBLIC "-//W3C//DTD XHTML 1.0 Traiisitional//EN" 

"http : //www . w3 . org/TR/xhtmll/DTD/xhtmll-transit ional . dtd"> 

<html xmlns="http : / /www. w3 . org/1999/xhtiiil"> 

<head> 

<title> Demos for Interactive Scientific Website </tltle> 
<meta id="author" content="Chung-Lin Shan" /> 

<meta http-equiv="Content-Type" content="text/html ; charset=uf t-8" /> 
<link rel=" stylesheet" type="text/css" href="main/main.css" /> 
</head> 

<body class="en"> 

<! — Title / authors / upgraded date *********************** — > 
<h2 id="main"> Demos for Interactive Scientific Website </h2> 
<h3 class="center"> Chung-Lin Shan </h3> 
<h6> 

Version: 1.4142 <br /> 
Last upgraded: August 9, 2010 
</h6> 

<hr /> 



Template [551 






Template m 





</body> 
</html> 

Modification 
<!DOCTYPE html 

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http : //www . w3 . org/TR/xhtmll/DTD/xhtmll-strict . dtd" > 

Modification 

<meta http-equiv="Content-Type" content="text/html ; charset=big5" /> 
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Demos for Interactive Scientific Website 

Chung-Lin Shan 



Version: 1.4142 
Last upgraded; Aagiist 9, 201Q 



Figure 1: head and the headings. 
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1.2 form 

Template 2: form 

Script 



<forin actioii="inain.php" niethod="post" enctype="inultipart/f orm-data"> 

<l ************************* > 

<! — Choose one of the main functions ********************** — > 

<h3> List of the main functions </h3> 

<h4> Choose one of the main functions </h4> 

<?php 



Template [3] 



<h2 id= "main ">, see Template [T] 



?> 

<h5> <a href="#main">Top</a> </h5> 
<hr /> 



<i — ******************************************************* — > 
<j — ******************************************************* — > 

<input type="submit" class="submit" value=" Submit" /> 
<br /> 

</form> 
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Demos for Interactive Scientific Website 

Chung-Lin Shan 



Version: 1.4142 
Last upgraded; Aagiist 9^ 201Q 



List of the main functions 

Choose one of the main fiiDctions 

Tdp 



Submit 



Figure 2: form. 
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Template 3: Choose one of the main functions 

Script 



<?php 

if ($main_f unction_choosing == NULL) 
{ 

$maiii_f unction_choosiiig = $_POST ["main_f unction_choosiiig"] ; 

} 



Template H 



include ( "f orms/f orni-main_ functions . txt " ) ; 

if ($main_f unction_choosing == NULL) 
{ 

include ( "def ault_ choice s/default-niain_function_ choosing .txt ") ; 



else 
{ 

echo '<br />' 



echo 'main_f unction_choosing 
echo 'main_f unction 



$main_f unction_choosing . '<br />' 
$main_f unction . '<br />' 



Template [S] 
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Template 4: form-main_functions.txt 



Script 



<f ieldset id="ina.in function choosing" style= "width : 


210pt"> 


< input type=" radio" najne="inain_function_ choosing" 


value="l" 






if ($inain_function_ choosing == "1") 




{ 




echo "checked" ; 




$iiiain_f unction = "main_function_l" ; 




} 




?> 




/> 




Description for the main function 1 




<br /> 




</f ieldset> 
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Template 5: default-main_function_choosing.txt 

Script 

<scr ipt type= " text / j avascr ipt " > 

if (navigator . appNcime == "Microsoft Internet Explorer") 
{ 

document . getElementById("main_function_choosing") . childNodes [0] .checked = true; 

} 

else 

//if (navigator .userAgent . searchC "Netscape") != -1 I I 
// navigator .userAgent . search("Firef ox" ) != -1 I I 
// navigator .userAgent . search("Safari" ) != -1 ) 
{ 

document . getElementById("main_function_choosing") . childNodes [1] .checked = true; 

} 

document . getElementById("main_function_choosing") . style .borderColor = "red"; 
</script> 
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Demos for Interactive Scientific Website 






Chung-Lin Shan 






Version: 1.4142 
Last upgraded: Aagiist 9^ 201Q 


List of the main functions 




Choose one of the mam functions 






® Description for the main ftmction 1 








Top 


j Submit j 



Figure 3a: Choose one of the main function (before submission). 



Demos for Interactive Scientific Website 

Chung-Lin Shan 

Version: 1.4142 
Last upgraded: Angast 9^ 2010 

List of the main functions 

Choose one of the main functions 

Description for the main fiinction 1 

main_fiiiiction_choosing= 1 
main function = main function 1 




Figure 3b: Choose one of the main function (after submission). 
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1.3 switch for the further step 

Template 6: switch for the further step 

Script 



<?php 

if ($main_f unction != NULL) 
{ 



echo 
echo 
echo 
echo 
echo 
echo 



<script type="text/ j avascript " > ' 

if (navigator . appName == "Microsoft Internet Explorer")' 
{' 

window. location = "#mode-main_f unction" ; ' 

}' 

</script> ' 



"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 



include ( "inain/title-niain_ functions . txt " ) ; 



Template [7] 



echo 
echo 
echo 
echo 
echo 
echo 
echo 



<script type="text/ j avascript " > ' 

if (navigator .userAgent . search( "Firef ox" ) != -1 I I ' 
navigator .userAgent . searchC "Safari" ) != -1 )' 

{' 

window . location = "#mode-inain_f unction" ; ' 

}' 

</script> ' 



"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 



switch ($main_ function) 



Template m 



echo 
echo 
echo 
echo 
echo 
echo 



<script type="text/ j avascript " > ' 

if (navigator .userAgent . search( "Netscape") != -i) ' 
{' 

window. location. hash = "#inode-main_f unction" ; ' 

}' 

</script> ' 



"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 



<?php 

if ($main_f unction != NULL) 
{ 

echo '<h5> <a href ="#main">Top</a> </h5>' 
echo ' <hr /> ' 

} 

?> 



"\r\n" 
"\r\n" 



of. Template ID 
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Template 7: title-main_functions.txt 



Script 



<?php 




switch ($inain_ function) 




{ 




case "main_function_l" : 




echo '<h3 id="mode-inain_f uiiction"> ' 


. "\r\n"; 


echo ' Description for the main function 1' 


. "\r\n"; 


echo '</h3>' 


. "\r\n"; 


echo '<h4> Choose one of the following mode for the main function 1 </h4>' 


. "\r\n"; 


break; 




} 




?> 
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List of the main functions 



Choose oae of the maiu fuuctions 

Description for the main function 1 

main_fmiction_clioosing= 1 
main_function — inain_fijnction_l 

Top 

Description for the main function 1 

Choose one of the following mode for the main function 1 

Top 

Submit 

Figure 4: switch for the further step (cf. Figure [5]). 
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Template 8: Choose the mode for the chosen function (cf. Template [3]) 

Script 



<?php 

switch ($inain_f unction) 
{ 

/**********************************************************/ 
/* Mode for the main function 1 ***************************/ 

case "main_function_l" : 

if ($mode_main_function_l_choosing == NULL) 
{ 

$mode_niain_f unction_l_choosing = $_PQST["mode_niain_function_l_choosing"] ; 

} 



include ( "f orms/f orin-inodes_niain_f unction_ 1 . txt " ) ; 



Modification of Template U 



if ($mode_main_function_l_choosing == NULL) 
{ 

include ( "def ault_ choices/def ault-mode_main_f unction_ l_choosing . txt " ) ; 

} 



Modification of Template [S] 



else 
{ 

echo '<br />' ; 

echo 'mode_iiiain_function_l_choosing = ' . $mode_main_f unction_l_choosing . '<br />'; 

echo 'mode_main_function_l_choice = ' . $mode_main_f unction_l_choice . '<br />'; 

echo '<br />' ; 

.checked = "yes"; 



break: 



} 

?> 



13 



L llUUiK UUK Ul lUB lUHIU IUUL'IIUII» 

® Description for the main fbnction 1 



main_futictioti_choosing= 1 
main_function = main_ftinction_l 

Top 




Description for the main function 1 

Choose one of tbe foUo1^iDg mode for the mam fiioctioD 1 



Description for the mode choice 1 of the main function 1 
O Description for the mode choice 2 of the main fnnction 1 
O Description for the mode choice 3 of the main function 1 



Top 



Submit 



Figure 5a: Choose the mode for the chosen functfon (before submission, cf. Figure l^a]) . 



main function choosing— 1 
main_fimction — main_f[mction_l 


^1 


Top ^^^^^ 




Description for the main function 1 




Choose one of the folloitlog mode for the mma fiinctioD 1 




Description for the mode choice 1 of the main function 1 
O Description for the mode choice 2 of the main function 1 
O Description for the mode choice 3 of the main function 1 




mode main function 1 choosing =1 

mode main function 1 choice — mode main function 1 choice 1 




Top 




J Submit 1 




Figure 5b: Choose the mode for the ehosen function (after submission, cf. Figure [3b| . 
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1.4 input 

Template 9: Modification of 'switch for tiie furtlier step' (cf. Templates [S] and [7]) 



Script 



<?php 










if ($main_f unction 


!= NULL M 






$mode_checked 


== "yes" ) 






{ 










echo 


' <script type="text/javascript "> ' 


. "\r\n"; 


echo 


' if (navigator . appName == 


"Microsoft Internet Explorer")' 


. "\r\n"; 


echo 


' {' 






. "\r\n"; 


echo 


' window 


location = "#setup-inain_f unction" ; ' 


. "\r\n"; 


echo 


' }' 






. "\r\n"; 


echo 


' </ script> ' 






. "\r\n"; 


echo 


' <h3 id="setup-niain_f uiiction"> ' 


. "\r\n"; 


echo 


' Setup for the main function' 


. "\r\n"; 


echo 


'</h3>' 






. "\r\n"; 


echo 


' <script type="text/javascript "> ' 


. "\r\n"; 


echo 


' if (navigator. userAgent.searchC'Firefox" ) != -1 | | ' 


. "\r\n"; 


echo 


' navi, 


yator .userAgent. search ("Safari " ) != -1 ) ' 


. "\r\n"; 


echo 


' {' 






. "\r\n"; 


echo 


' window 


location = "#setup-inain_f unction" ; ' 


. "\r\n"; 




' }' 






. "\r\n"; 


echo 


' </script> ' 






. "\r\n"; 






Template HU] 






echo 


' <script type="text/javascript "> ' 


. "\r\n"; 


echo 


' if (navigator .userAgent . search( "Netscape") != -1)' 


. "\r\n"; 


echo 


' {' 






. "\r\n"; 


echo 


' window 


location. hash = 


"#setup-inain_f unction" ; ' 


. "\r\n"; 


echo 


' }' 






. "\r\n"; 


echo 


' </script> ' 






. "\r\n"; 


} 










?> 










<?php 










if ($main_f unction 


!= NULL && 






$mode_checked 


== "yes" ) 






{ 










echo 


'<h5> <a href ="#iiiain">Top</a> </h5>' . "\r\n"; 




echo 


'<hr />' 




. "\r\n"; 




} 










?> 
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Template 10: Setup for the chosen function 

Script 
<?php 

if ($main_f unction == "main_f unction_l " && 
$mode_main_f unction_l_choice != NULL ) 

{ 

echo '<h4> Setup for the main function 1 </h4>' . "\r\n"; 

if ($setup_main_f unction_l_choosing == NULL) 
{ 

$setup_main_function_l_choosing = $_POST ["setup_main_f unction_ l_choosing"] ; 

} 

if ($integer_l == NULL) 
{ 

$integer_l = $_POST["integer_l"] ; 

} 

if ($integer_2 == NULL) 
{ 

$integer_2 = $_P0ST["integer_2"] ; 

} 

if ($float_l_l == NULL) 
{ 

$float_l_l = $_POST["float_l_l"] ; 

} 

if ($float_l_2 == NULL) 
{ 

$float_l_2 = $_P0ST["float_l_2"] ; 

} 

if ($float_2_l == NULL) 
{ 

$float_2_l = $_P0ST["float_2_l"] ; 

} 

if ($float_2_2 == NULL) 
{ 

$float_2_2 = $_P0ST["float_2_2"] ; 

} 

if ($integer_3 == NULL) 
{ 

$integer_3 = $_P0ST["integer_3"] ; 

} 

if ($float_3 == NULL) 
{ 

$float_3 = $_P0ST["float_3"] ; 

} 
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iiiclud.e("foriiis/f orm-setup_inain_function_l_choosing.txt") ; 



Template HH 



if ($setup_main_f unction_l_choosing == NULL) 
{ 

include ( "def ault_ choices/def ault-setup_main_f unction_ l_choosing . txt " ) ; 

} Modification of Template [S] 



elseif ($setup_main_f uiiction_l_choosing == "5" ft& 
($integer_i == NULL I | 

$integer_2 == NULL I I 

($mode_niain_f unction_l_choosing == "2" &k 
($float_i_l == NULL I I 

$float_i_2 == NULL ) ) I I 

($mode_niain_f unction_l_choosing == "3" && 
($float_2_l == NULL I I 

$float_2_2 == NULL ) ) | | 

(($mode_main_function_l_choosing == "2" I I 
$inode_main_f unction_l_choosing == "3" ) && 
($integer_3 == NULL I I 

$float_3 == NULL ) ) ) ) 



{ 



echo 
echo 
echo 
echo 
echo 



<script type="text/javascript">' . "\r\n"; 

document .getElementByldC ' ; 
setup_niain_f unction_l_choosing' ; 

")• style .borderColor = "red";' . "\r\n" ; 

</script>' . "\r\n"; 



of. Template [H] 



} 



else 
{ 

echo '<br />' ; 

echo ' setup_niain_f unction_l_choosing 
echo '<br />' ; 



Jsetup_main_f unction_l_choosing . '<br />'; 



if ($setup_main_f unction_l_choosing == "5") 
{ 

echo 'integer_l = ' . $integer_l . '<br />' ; 
echo 'integer_2 = ' . $integer_2 . '<br />' ; 

if ($mode_iiiain_f unction_l_choosing == "2") 
{ 

echo 'float_l_l = ' . $float_l_l . '<br />'; 
echo 'float_l_2 = ' . $float_l_2 . '<br />'; 

} 

if ($mode_iiiain_f unction_l_choosing == "3") 
{ 

echo 'float_2_l = ' . $float_2_l . '<br />' ; 
echo 'float_2_2 = ' . $float_2_2 . '<br />' ; 

y 

if ($mode_iiiain_f unction_l_choosing == "2" I I 
$mode_iiiain_f unction_l_choosing == "3" ) 

{ 

echo 'integer_3 = ' . $integer_3 . '<br />' ; 
echo 'float_3 = ' . $float_3 . '<br />'; 

} 



5setup_main_function_l_ checked = "yes" 
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Template 11: form-setup_main_function_l_choosing.txt (cf. Template 2]) 

Script 

<scr ipt typ6= " text / j avascr ipt " > 

function personal_setup_inain_f unction_ l_setting() 
{ 

if (navigator . appName == "Microsoft Internet Explorer") 
{ 

document .getElementById("setup_niain_function_l_choosing") . childNodes [12] .checked = true; 

} 

else 

// if (navigator . userAgent . search( "Netscape") != -1 I I 
// navigator .userAgent . search("Firef ox" ) != -1 I I 

// navigator .userAgent . search("Safari" ) != -1 ) 

{ 

document .getElementById("setup_niain_function_l_choosing") . childNodes [17] .checked = true; 

} 

} 

</script> 

<fieldset id="setup_main_fuiiction_l_choosing" style="width: 320pt"> 

<input type="radio" najiie="setup_main_f unction_ l_choosing" value="l" 
<?php 

if ($setup_main_f unction_l_choosing == "1") 
{ 

echo "checked"; 

$setup_main_f unction_l_choice = "setup_main_function_l_choice_l" ; 

} 

?> 
/> 

Description for the setup choice 1 of the main function 1 
<br /> 



<input type="radio" name="setup_main_f unction_ l_choosing" value="5" 
<?php 

if ($setup_main_f unction_l_choosing == "5") 
{ 

echo "checked"; 

$setup_main_f unction_l_choice = "personal_setup_main_f unction_l" ; 

} 

?> 
/> 

Personal setup for the main function 1: 
<br /> 
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<spaii style="margin-lef t : 18pt"> integer_l = </spaii> 
<input class="table" type="text" name="integer_l" 
style="wldth: 60pt" 

onclick="personal_setup_main_f unction_l_setting() " 
<?php 

if ($setup_niain_f unction_l_choosing == "5") 
{ 

echo 'value="' . $integer_l . "' ' ; 

} 

?> 
/>. 



<label for= 



iiiteger_2 = 

<input class="table" type="text" name="integer_2" 
style="wldth: 60pt" 

oncli ck= " per sonal_setup_niain_function_l_ set ting () " 
<?php 

if ($setup_inain_f unction_l_choosing == "5") 
{ 

echo 'value="' . $integer_2 . "' ' ; 

} 

?> 

/> 

<br /> 



<?php 

if ($mode_main_f unction_l_choosing == "2") 
{ 

echo ' <spaii style="margin-lef t : 18pt"> float_l_l </spaii> =' 
echo ' <input class="table" type="text" najne="f loat_l_l" ' 
echo ' style="width: 60pt"' 

echo ' onclick="personal_setup_main_f unction_l_setting() " ' 

if ($setup_main_f unction_l_choosing == "5") 

{ 

echo ' value="' . $float_l_l . 

} 

echo ' l> 
echo ' float_l_2 =' 

echo ' <input class="table" type="text" name="f loat_l_2" ' 
echo ' style="width: 60pt"' 

echo ' onclick="personal_setup_main_f unction_l_setting() " ' 

if ($setup_niain_f unction_l_choosing == "5") 

{ 

echo ' value="' . $float_l_2 . 

} 

echo ' />' 



"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 



"\r\n"; 



"\r\ii 
"\r\n 
"\r\n 
"\r\ii 
"\r\n 
"\r\n 



"\r\n"; 

"\r\n". 
"\r\n"; 
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<?php 

if ($mode_main_f unction_l_choosing == "3") 
{ 

echo ' <spaii style="margln-lef t : 18pt"> float_2_l </spaii> =' . "\r\n" 

echo ' <input class="table" type="text" name="f loat_2_l" ' . "\r\n" 

echo ' style="width: 60pt"' . "\r\n" 
echo ' onclick="personal_setup_main_f unction_l_settlng() " ' . "\r\n" 
if ($setup_main_f unction_l_choosing == "5") 
{ 

echo ' value="' . $float_2_l . . "\r\n"; 

} 

echo ' />,' . "\r\n 

"\r\n 

echo ' float_2_2 =' . "\r\n 

echo ' <input class="table" type="text" name="f loat_2_2" ' . "\r\n 

echo ' style="width: 60pt"' . "\r\n 
echo ' onclick="personal_setup_main_f unction_l_setting() " ' . "\r\n 
if ($setup_main_f unction_l_choosing == "5") 
{ 

echo ' value="' . $float_2_2 . . "\r\n"; 

} 

echo ' />' . "\r\n". 

"\r\n"; 

} 

?> 

<?php 

if ($mode_niain_f unction_l_choosing == "2" I I 
$mode_main_f unction_l_choosing == "3" ) 



{ 

echo ' <br />' . "\r\n" 

echo ' <spaii style="margin-lef t : 18pt"> integer_3 </spaii> =' . "\r\n" 

echo ' <input class="table" type="text" name="integer_3" ' . "\r\n" 

echo ' style="width: 60pt"' . "\r\n" 

echo ' onclick="personal_setup_niain_function_l_setting() " ' . "\r\n" 

if ($setup_niain_f unction_l_choosing == "5") 
{ 

echo ' value="' . $integer_3 . . "\r\n"; 

} 

echo ' />,' . "\r\n 

"\r\n 

echo ' float_3 =' . "\r\n 

echo ' <input class="table" type="text" najne="f loat_3" ' . "\r\n 

echo ' style="width: 60pt"' . "\r\n 

echo ' onclick="personal_setup_main_f unction_l_setting() " ' . "\r\n 

if ($setup_main_f unction_l_choosing == "5") 
{ 

echo ' value="' . $float_3 . "" . "\r\n 

} 

echo ' />' . "\r\ii 

echo ' <br /> ' ; 

} 

?> 

</f ieldset> 
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mode main fimcdon 1 choice = mode tnatn function 1 choice 1 



Top 



Setup for the main function 

Setup choice for the main function 1 



© Description for the setup choice 1 of the main function 1 
O Description for the setup choice 2 of the main function 1 
O Description for the setup choice 3 of the main fiinction 1 
O Description for the setup choice 4 of the main function 1 
O Personal setup for the main function I : 
integer_l = I . integer_2 = I 




Top 




Figure 6a: Setup for the chosen function (before submission) 



Setup for the main function 

Setup choice for the main function 1 

© Description for the setup choice 1 of the main function 1 
O Description for the setup choice 2 of the main fiinction 1 
O Description for the setup choice 3 of the main function 1 
O Description for the setup choice 4 of the main function 1 
O Personal setup for the main function 1 : 
integer_l = | _ integer_2 = | 

setup_main_function_l_choosing— 1 




Top 



Su.bmit 



Figure 6b: Setup for the chosen function (after submission). 
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Top 



Setup for the main function 

Setup choice for the main fnaction 1 




O DescripHon for the setup choice 1 of the main function 1 
O Description for the setup choice 2 of the main function 1 
O Description for the setup choice 3 of the main function 1 
O Description for the setup choice 4 of the main function 1 
® Personal setup for the main function 1 : 


integer i — | 


, integer ^ — J 3 


fLoat_l_I = 1 0,5 


, float 12=1 0.25 


integer 3 = l 


,flGat_3= 0.1 



Top 




^Lire 6c: Setup for the chosen function with $mode_main_f unction_l_choosiiig = "2" (before submission). 



Setup for the main function 

Setup choice for the main function 1 

O Description for the setup choice 1 of the main function 1 
O Description for the setup choice 2 of the main fiinctLon 1 
O Description for the setup choice 3 of the main function 1 
O Description for the setup choice 4 of the main function 1 
® Personal setup for the main function I : 

integer_l — | , integer_2 — | 3 
float_l_l = I 0^ float_l_2 = | ^ 

integer_3 ^ j i ,float_3^ | 01 

sehip_main_function_l_choosing = 5 

integer_l = 
integer_2 — 3 
float_l_l = 0.5 
float_l_2 - 0.25 
integer_3 = 1 
float 3-0.1 




^urc 6d: Setup for the chosen function with $mode_main_f uiictioii_l_choosing = "2" (after submission) 
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Template 12: Modification of form-setup_main_function_l_choosing.txt (cf. Template [TT]) 

Script 

<scr ipt typ6= "text/ j avascr ipt " > 

function personal_setup_inain_f unction_ l_setting() 
{ 



} 

</script> 

<fieldset id="setup_main_function_l_choosing" style=" width: 320pt"> 



<input type="radio" najne="setup_inain_f unction_ l_choosing" value="5" 
<?php 

if ($setup_inain_f unction_l_choosing == "5") 
{ 

echo "checked"; 

$setup_niain_f unction_l_choice = "personal_setup_main_f unction_l" 

} 

?> 
/> 

Personal setup for the main function 1: 
<br /> 

<span style="margin-lef t : 18pt"> integer_l = </spaji> 
<select name="integer_l" 

onclick="personal_setup_main_f unction_l_setting() "> 

<option value="nn" 
<?php 

if ($setup_niain_f unction_l_choosing == "5" && 
$integer_l == nn ) 

{ 

echo "selected"; <S=> checked 

} 

?> 

> fenbsp;   nn 
</option> 

<option value="nn" 
<?php 

if ($setup_inain_f unction_l_choosing == "5" && 
$integer_l == rni ) 

{ 

echo "selected"; 

} 

?> 

>   fenbsp; nn 
</option> 



</ select> , 
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integer_2 = 

<select naine="integer_2" 

onclick="personal_setup_niain_f uiiction_l_setting() "> 



<optioii value="iin" 
<?php 

if ($setup_niain_f unction_l_choosing == "5" && 
$integer_2 == im ) 

{ 

echo "selected"; 

} 

?> 

> fenbsp; fenbsp; nn 
</option> 

<optioii value="im" 
<?php 

if ($setup_main_f unction_l_choosing == "5" && 
$integer_2 == im ) 

{ 

echo "selected"; 

} 

?> 

> fenbsp;   nn 
</option> 



</ select> 



<?php 

if ($mode_main_f unction_l_choosing == "2") 
{ 



} 

if ($mode_main_f unction_l_choosing == "3") 
{ 



} 

if ($mode_main_f unction_l_choosing == "2" I I 
$mode_main_f unction_l_choosing == "3" ) 

{ 



} 

?> 

</f ieldset> 
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mode main function 1 choice — mode main function 1 t:hoice 1 



Top 



Setup for the main function 

Setup choice for the main function 1 



® Description for the setup choice 1 of the main function 1 
O Description for the setup choice 2 of the main fimctton 1 
O Description for the setup choice 3 of the main fiinction 1 
O Description for the setup choice 4 of the main fimctton 1 
O Personal setup for the main function 1 : 

integer_l = ] ~ ^" ^ integer_2 = ^ 




Top 



Figure 7a: Modification of form-setup_main_function_l_choosing.txt (cf. Figure [ 



mbde_mam_Tifflcti6n^l~chbosmg~= 

mode main function 1 choice — mode main function 1 choice 1 



Top 



Setup for the main function 

Setup choice for the main function 1 



O Description for the setup choice 1 of the main function 1 
O Description for the setup choice 2 of the main fimctton 1 
O Description for the setup choice 3 of the main fiinction 1 
O Description for the setup choice 4 of the main fimctton 1 
® Personal setup for the main function 1 : 
integer_l = ] ^ integer_2 = | ^ v 



lUl 



Top 



Su.bmit 



Figure 7b: Modificationofform-setup_main_function_l_choosing.txt (cf. Figure [5cl) 
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1.5 table 

Template 13: table-setup_item.txt 

Script 

<table id="tabl6-setup_item" bord6r="l"> 

<tr id="setup_itein"> 

<th> setup_item_l </th> 

<th> setup_iteni_2 </th> 

<th> setup_iteni_3 </th> 

<th> setup_item_4 </th> 

<th> setup_iteni_5 </th> 

</tr> 



<td> 

<input class="table" type="text" naine="setup_item_l" 
onclick="this.value=' ' " 

<?php if ($setup_item_l != NULL) {echo 'value="' . $setup_it6ni_l . "";} ?> 
/> 

</td> 



<td> 

<input class="table" type="text" najne="setup_item_2" 
onclick="thls.value=' ' " 
<?php if ($setup_iteiii_2 != NULL) 
{ 

if ($setup_iteiii_2 <= setup_item_2_max) 
{ 

echo 'value="' . $setup_iteiii_2 . "" ; 

} 

else 
{ 

echo ' value="setup_item_2_max" ' ; 

} 

} 

?> 
/> 

</td> 



<td> 

<input class="table" type="text" iiaine="setup_item_3" 
onclick="thls.value=' ' " 

<?php if ($setup_item_3 == 0.00001) {echo 'value="0" ' ;} 

elseif ($setup_item_3 != NULL) {echo 'value="' . $setup_item_3 . 

/> 



</td> 



' ;} ?> 



See Templates ISTl and [52l 



</tr> 
</table> 



See also Template [151 
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Setup for the main function 

Setup choice for the main function 1 

® Description for the setup choice 1 of the main fimctton 1 
O Description for the setup choice 2 of the main functLon 1 
O Description for the setup choice 5 of the main fiinctton 1 
O Description for the setup choice 4 of the main tunctton 1 
O Personal setup for the main function I : 
integer_l — I , integer_2 — I 



setup_main_function_l_choostng= I 



Setup table for the main function 1 





setup item 1 


setup item 2 


setup item 3 


setup item 4 


setup item 5 


T 1 1 







Top 



Figure 8: A setup table. 
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Template 14: default-setup_item.txt 

Script 



<scr ipt typ6= " text / j avascr ipt " > 

if (navigator . appNcime == "Microsoft Internet Explorer") 
{ 

var setup_iteni_row = document .getElementByldC "setup_ item") .nextSibling; 

setup_iteiii_rou . childNodes [0] . childNodes [0] . value = "nn"; 

setup_iteni_row . childNodes [1] . childNodes [0] . value = "nn"; 
setup_iteni_rou. ChildNodes [2] .ChildNodes [0] .value = "ff.ffff"; 

setup_iteni_row. ChildNodes [3] .ChildNodes [0] .value = "ff.ffff"; 
setup_iteni_rou. ChildNodes [4] .ChildNodes [0] .value = "ff.ffff"; 

} 



else 



//if (navigator .userAgent . sear ch( "Netscape") 
// navigator .userAgent . search( "Firef ox" ) 
// navigator .userAgent . search( "Safari" ) 
{ 

var setup_itein_row = document .getElementById( "setup_ item") .nextSibling. nextSibling; 



= -111 
= -111 
= -1 ) 



setup_iteiii_row . ChildNodes [1] . ChildNodes [1] . value = "nn"; 

setup_iteni_row . ChildNodes [3] . ChildNodes [1] . value = "nn"; 

setup_iteiii_rou . ChildNodes [5] . ChildNodes [1] . value = "ff.ffff"; 

setup_iteiii_row. ChildNodes [7] .ChildNodes [1] .value = "ff.ffff"; 

setup_iteiii_row. ChildNodes [9] .ChildNodes [1] .value = "ff.ffff"; 

} 

document . getElementById( "table-setup_ item") . style .borderColor = "red"; 

document . getElementById( "table-setup_ item") .border = "2"; 
</script> 
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Setup for the main function 

Setup choice for the main function 1 

@ Description for the setup choice 1 of the main functtcm 1 
O Description for the setup choice 2 of the main function 1 
O Description for the setup choice 3 of the main function 1 
O Description for the setup choice 4 of the main Junction 1 
O Personal setup for the main function I : 
integer_l — I , integer_2 — I 



setup_main_function_l_choostng= I 




Setup table for the main function 1 




setupiteml 


setii|ijtem_2 


setopltemS 


setup_lteni_4 


setupitemS 


n ^ 


1 


' ] Em 


1 lias 


1 mm 













Top 



Figure 9: A setup table with default values (cf. Figure [5]). 
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Template 15: Setup table for a group of entry (cf. Template [TU| 



Script 



<?php 








if ($setup_inain_function_l_checked == "yes") 




{ 








echo 


'<h4> Setup table for the 


main function 1 </h4>' . 


"\r\n"; 


$entry_No = 3; 






for 


($ii_entry = 1; $ii_entry <= 


$entry_No; $n_entry ++) 




{ 








if 


($setup_item_l [$ii_entry] = 


= NULL) 




{ 










^setup_iteni_l [$n_entry] = 3 


_POST["setup_item_l"] [$n_ 


.entry] ; 


} 








if 


($setup_item_2 [$n_entry] = 


= NULL) 




{ 










Metup_iteni_2 [$n_entry] = 3 


_P0ST["setup_item_2"] [$n_ 


.entry] ; 


} 








if 


($setup_iteni_3 [$n_entry] = 


= NULL) 




{ 










^setup_iteiii_3 [$ii_entry] = 3 


_P0ST["setup_item_3"] [$n_ 


.entry] ; 


} 








if 


($setup_item_4 [$ii_entry] = 


= NULL) 




{ 










^setup_iteni_4 [$n_entry] = 3 


_P0ST["setup_item_4"] [$n_ 


.entry] ; 


} 








} 








if ( 


6setup_entry_coiiimon == NULL) 




{ 








$setup_entry_common = $_POST| 


"setup_entry_coiimion"] ; 




} 
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include ( "tables/table-setup_ iteni_head . txt " ) ; 

for ($n_entry = 1; $n_entry <= $entry_No; $n_6iitry ++) 

{ 

include ( "tables/table-setup_ item_entry . txt " ) ; 



Template [H 



Template [JT] 



} 

include ( "t able s/t able- setup_ itein_entry_ common . txt " ) ; 
echo '</table>' . "\r\n"; 

for ($n_entry = 1; $n_entry <= $entry_No; $n_entry ++) 
{ 

if ($setup_item_l [$n_entry] == NULL I I 
$setup_item_2[$n_entry] == NULL I I 
$setup_item_3[$n_entry] == NULL I I 
$setup_item_4[$n_entry] == NULL I I 
$setup_entry_common == NULL ) 

{ 

include ( "def ault_ choices/def ault-setup_ item_head . txt " ) ; 
for ($n_entry = 1; $n_entry <= $entry_No; $n_entry ++) 



Template HH 



{ 



include ( "def ault_ choices/def ault-setup_ item_entry . txt " ) ; 



Template [TH 



Template HO] 



include ("def ault_ choices/def ault-setup_ item_entry_common.txt") ; Template 121 



break: 



cf. Template [JO] 



else 
{ 

echo '<br />' ; 

echo 'setup_item_l [' . $n_entry . '] = 

echo ' setup_item_2 [' . $n_entry . '] = 

echo ' setup_item_3 [' . $n_entry . '] = 

echo ' setup_item_4 [' . $n_entry . '] = 

} 



$setup_item_l [$n_entry] . '<br />'; 

$setup_item_2[$n_entry] . '<br />'; 

$setup_item_3[$n_entry] . '<br />'; 

$setup_item_4[$n_entry] . '<br />'; 



if ($n_entry == $entry_No) 
{ 

echo '<br />' ; 

echo ' setup_entry_common 

echo '<br />' ; 



$setup_entry_ common 



'<br />' ; 



$setup_item_checked = "yes"; 
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Template 16: table-setup_item_head.txt (cf. Template [T^ 

Script 

<table id="table-setup_item" border="l"> 

<tr id="setup_item"> 

<th style="width: 60pt"> entry </th> 

<th> setup_item_l </th> 

<th> setup_iteni_2 </th> 

<th> setup_iteni_3 </th> 

<th> setup_item_4 </th> 

</tr> 
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Template 17: table-setup_item_entry.txt (cf. Template [T^ 



Script 



<tr> 










<th style="width: 60pt"> 








<?php 


echo 'entryC . $n_entry . '] ' ; ?> 








</th> 










<td> 










< input 


class="table" type="text" ncLme="setup_item_l [<?php echo 


$n_ 


.entry; 


?>] " 




onclick="this.value=' ' " 










<?php 










if ($setup_item_l [$n_entry] != NULL) 










{ 










echo 'valu6="' . $setup_iteiii_l [$n_entry] . "" ; 










} 










?> 










/> 








</td> 










<td> 










< input 


class="table" type="text" name="setup_iteiii_2 [<?php echo 


$n_ 


.entry; 


?>] " 




onclick="this . value= ' ' " 










<?php 










if ($setup_item_2[$n_entry] != NULL) 










{ 










if ($setup_item_2 [$n_entry] <= $setup_iteiii_2_max) 










{ 










echo 'value="' . $setup_iteni_2 [$n_entry] . ; 










} 










else 










{ 










echo 'value="' . $setup_itein_2_inax . '"'-^ 










y 










y 










?> 










/> 








</td> 










<td> 










< input 


class="table" type="text" name="setup_item_3 [<?php echo 


$n_ 


.entry; 


?>] " 




onclick="this.value=' ' " 










<?php 










if ($setup_item_3[$n_entry] == 0.00001) 










{ 










echo ' value="0" ' ; 










} 










elseif ($setup_item_3[$n_entry] != NULL) 










{ 










echo 'value="' . $setup_item_3 [$n_entry] . "" ; 










} 










?> 










/> 








</td> 










<td> 










< input 


class="table" type="text" naine="setup_item_4 [<?php echo 


$n_ 


.entry; 


?>] " 


</td> 










</tr> 
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Template 18: table-setup_item_entry_common.txt (cf. Template [T^ 

Script 



<td style="width: 60pt; border-right-style: none"> 

<lnput class="table" type="text" namie="setup_eiitry_common" style="wldth: 50pt" 
oncllck="thls.value=' ' " 
<?php 

If ($setup_eiitry_coiimion != NULL) 
{ 

if ($setup_entry_coininon <= $setup_entry_common_max) 

{ 

echo 'value="' . $setup_entry_common . ' '* ' ; 

} 

else 
{ 

echo 'value="' . $setup_entry_coinmon_niax . 

} 

} 

?> 
/> 

</td> 



<th colspaii="4" style="text-align: left; border-left-style: none"> 

unit of setup_entry_comiiion (max. setup_entry_coiimion_niax) 
</th> 



</tr> 
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O Description for the setup choice 4 of the main fimction 1 
O Perscmal setup for the main function 1 : 
mteger l = I _ tnteger_2 = I 



setup_main_function_l_choosing— 1 



Setup table for the main fuuctioD 1 




entiy 


setup item 1 


setup item 2 


setup item 3 


setup item 4 


entry[l] 








rr 










1 


eiitry[3] 








1 


1 1 nnir of setup entnr' commoD (max. setup eutiy commou max) 



Top 



Figure 10: A setup table for a group of entry (of. Figure [S]). 
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Template 19: default-setup_item_head.txt (cf. Template [13]) 

Script 

<scr ipt typ6= " text / j avascr ipt " > 

document . getElementById("table-setup_ item") . style .borderColor = "red"; 
document . getElementByldC "table-setup_ item") .border = "2"; 

if (navigator . appName == "Microsoft Internet Explorer") 
{ 

var n_Entry = document . getElementByld("setup_ item") .nextSibling; 

} 

else 

//if (navigator .userAgent . searchC "Netscape") != -1 I I 
// navigator .userAgent . search( "Firef ox" ) != -1 I I 
// navigator .userAgent . search( "Safari" ) != -1 ) 
{ 

var rL_Entry = document . getEleinentById.("setup_ item") .nextSibling. nextSibling; 

} 

</script> 
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Template 20: default-setup_item_entry.txt (cf. Template [TJ]) 

Script 

<scr ipt typ6= " text / j avascr ipt " > 

if (navigator . appNcime == "Microsoft Internet Explorer") 
{ 

n_Entry . chlldNodes [1] . childNodes [0] .value = 
<?php 

if ($main_f unction == "main_f unction_l") 
{ 

echo ' "nn" ' ; 

} 

else 
{ 

echo ' "nn" ' ; 

} 
?>; 

n_Entry . childNodes [2] . childNodes [0] . value = 
<?php 

if ($n_entry == 1) 

{ 

if ($main_f unction == "inain_function_l" && 
$mode_main_f miction_l_choosing == "1" ) 

{ 

echo ' "nn" ' ; 

} 

else 
{ 

echo ' "nn" ' ; 

} 

> 

elseif ($n_entry == 2 I I 
$n_entry == 3 ) 

{ 

if ($main_f unction == "main_function_l" M 
($mode_iiiain_function_l_choosing == "2" I I 
$mode_main_function_l_choosing == "3" ) ) 

{ 

echo ' "nn" ' ; 

} 

else 
{ 

echo ' "nn" ' ; 

} 

> 

else 
{ 

echo ' "nn" ' ; 

} 

■?>; 

n_Entry. ChildNodes [3] .ChildNodes [0] .value = "ff.ffff"; 
n_Entry. ChildNodes [4] .ChildNodes [0] .value = "ff.ffff"; 
n_Entry = n_Entry .nextSibling; 
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else 






//if (navigator .userAgent . searchC "Netscape") != 


-1 


1 1 


// navigator .userAgent . searchC "Firef ox" ) != 


-1 


1 1 


// navigator .userAgent . searchC "Safari" ) != 


-1 


) 


{ 






n_Entry . childNodes [3] . childNodes [1] . value = 






<?php 






if ($main_f unction == "main_f unction_l") 






{ 






echo ' "nn" ' ; 






} 






else 






{ 






echo ' "nn" ' ; 






} 






?>; 






n_Entry . childNodes [5] . childNodes [1] . value = 






<?php 






if ($n_entry == 1) 






{ 






if ($niain_f unction == "inain_function_l' 


k 


& 


$mode_iiiain_f unction_l_choosing == ' 


1" 


) 


{ 






echo ' "nn" ' ; 






} 






else 






{ 






echo ' "nn" ' ; 






} 






} 






elseif ($n_entry == 2 I I 






$n_entry == 3 ) 






{ 






if ($inain_f unction == "inain_function_l' 




&& 


($inode_main_function_l_ choosing == 


"2" 


1 1 


$inode_niain_f unction_l_choosing == 


"3" 


) ) 


{ 






echo ' "nn" ' ; 






} 






else 






{ 






echo ' "nn" ' ; 






} 






} 






else 






{ 






echo ' "nn" ' ; 






} 






?> ; 






n_Entry. ChildNodes [7] . childNodes [1] .value = 


"f f 


.f ff f " ; 


n_Entry. ChildNodes [9] . childNodes [1] .value = 


"ff 


.ffff "; 


n_Entry = n_Entry .nextSibling.nextSibling; 






} 






</script> 
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Template 21: default-setup_item_entry_common.txt (cf. Template fH)) 

Script 

<scr ipt typ6= " text / j avascr ipt " > 

if (navigator . appNcime == "Microsoft Internet Explorer") 
{ 

n_Entry.chlldNodes[0] .childNodes[0] .value = "nn" ; 
n_Entry = n_Entry .nextSibling; 

} 

else 

//if (navigator .userAgent . searchC "Netscape") != -1 I I 
// navigator .userAgent . search( "Firef ox" ) != -1 I I 
// navigator .userAgent . search( "Safari" ) != -1 ) 
{ 

n_Entry.childNodes[l] .childNodes[l] .value = "nn" ; 
n_Entry = n_Entry. nextSibling. nextSibling; 

} 

</script> 
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O Description for the setup choice 4 of the main function 1 
O Personal setup for the main function 1 : 
integer_l — | . integer_2 — | 

setup_main_function_l_choosing= 1 



Setup table for the main fiiiictioti 1 



entry 


setnp Item 1 


setnp item 2 


setnp item 3 


setup item 4 


eiitiy[l] 


1 nn 


j im 


1 ffffff 


1 Em 


entiyP] 


1 nn 


1 nn 


1 fr.sff 


1 ffiffif 












™try[3] 


1 im 


1 nn 




1 erm 


1 ^ 


nnlt of setap entry comiDon (mas. setnp eDtry commoii niax) 




Top 



Figure 11a: A setup table for a group of entry with default values (before submission, ef. Figures 1^ and [TU)) . 



ffilEf 



Mitrjt2] 



unit of setup_entr\_common (max. setiip_entry_commaD_max) 



setup item 1 


1] 


= nn 


s&tup item 2 


1] 


= nn 


setup item 3 


1] 


= fr.ffir 


setup item 4 


1] 


= ffffff 


setup item I 


2] 


= nn 


setup item 2 


2] 


— nn 


setup item 3 


2] 


= fff}Yr 


setup item 4 


21 


= ff.f}rf 


setup item 1 


3] 


— nn 


setup_item_2 


3] 


= nn 


setup item 3 


3] 


= ff.ffff 




setup_item_4[3] = ff.ffff 



setupenfryconmion = nn 



Figure lib: A setup table for a group of entry with default values (after submission, ef. Figures 1^ and [TO]) . 



40 



Chapter 2 

File Handling 
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2.1 Unique file name generating 

Template 22: Keeping the generated name when reloading the current page (cf. Template (23]) 

Script 

<?php 

if ($main_f unction != NULL M 
$mode_checked == "yes" ) 

{ 

/* Generate an unique file name for uploaded files ********/ 
/* File name will be kept ********/ 
/* when the user "re-submits" ********/ 
/* as well as "reloads" the page ********/ 

$personal_file_f older = "tnip/uploaded_f iles" ; 

if ($personal_f ile_date == NULL I I 
$personal_f ile_tinie == NULL ) 

{ 

$personal_f ile_date = $_POST ["personal_f ile_date"] ; 
$personal_f ile_time = $_POST ["personal_f ile_tiiiie"] ; 

} 



if ($_POST["personal_f ile_date"] == NULL I I 
$_POST["personal_f ile_time"] == NULL ) 



{ 



if ($personal_f ile_date == NULL I I 

$personal_f ile_time == NULL ) 

{ 

$personal_f ile_date = gnidate(y) . 

$personal_f ile_time = gmdate(H) . 

} 



gmdate (m) 
gmdate (i) 



The first time 



gmdate (d) ; 
gmdate (s) ; 



echo 
echo 
echo 
echo 

echo 
echo 
echo 
echo 

echo 
echo 
echo 



<input type="hidden" ' 

name="personal_f ile_date" ' 
value="' . $personal_f ile_date 
/>' 



<input type="hidden" ' 

name="personal_f ile_time" ' 
value="' . $personal_f ile_time 
/>' 



personal_f ile_date = 
personal_f ile_time = 
personal_file_f older = 



$personal_f ile_date 
$personal_f ile_time 
$personal_file_f older 



"\r\n"; 
"\r\n"; 
"\r\n"; 
"\r\n"; 

"\r\n"; 
"\r\n"; 
"\r\ii"; 
"\r\ii"; 

'<br />' 
'<br />' 
'<br />' 



Submit the fixed date/time 
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Setup for the main function 

personal_file_date - 10061S 
persDnal_file_time = 155325 
persDnal_file_foldeT — tmp/uploaded_files 

Setup choice for the main function 1 

© Description for the setup choice 1 of the main fimction 1 
O Description for the setup choice 2 of the main function 1 
O Description for the setup choice 3 of the main function 1 
O Description for the setup choice 4 of the main function 1 
O Personal setup for the main function I : 
inl:eger_l — | . integer_2 — | 

setup_inain_fimction_l_choostng= I 




Figure 12: Keeping the generated name when reloading the current page. 
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Template 23: Changing the generated name when reloading the current page (cf. Template [52) 

Script 

<?php 

if ($main_f unction != NULL &k 
$mode_checked == "yes" && 
$setup_ checked == "yes" ) 

{ 

/* Generate an unique file name for output plots **********/ 
/* File name ********/ 
/* will be changed when the user "re-submits", ******/ 
/* while will be kept when the user "reloads" the page ****/ 



$plot_output_f older = "tinp/output_plots" ; 

if ($plot_output_date == NULL I I 

$plot_output_time == NULL ) 

{ 

$plot_output_date = $_POST["plot_output_date"] : 

$plot_output_time = $_POST["plot_output_time"] : 

} 



$plot_output_f ile 

"plot-" . $plot_output_date 



$plot_output_time ; 



$plot_output_date_tmp = gmdate(y) . gmdate(m) . gnidate(d); 
$plot_output_time_tmp = gmdate(H) . gmdate(i) . gmdate(s); 



Generate new date/time 



echo 
echo 
echo 
echo 

echo 
echo 
echo 
echo 

echo 
echo 

echo 
echo 

echo 
echo 
echo 



<input type="hidden" ' 

name="plot_output_date" ' 
value=" ' . $plot_output_date_tnip 
/>' 



<input type="hidden" ' 

naine="plot_output_tiine" ' 

value=" ' . $plot_output_tiine_tinp 

/>' 



plot_output_date 
plot_output_date_tmp 

plot _output_ time 
plot_output_tiine_tinp 

<br /> ' ; 

plot _output_f older 
plot _output_f ile 



$plot_output_date 
$plot_output_date_tmp 

$plot_output_tiine 
$plot_output_tiine_tmp 



$plot_output_f older 
$plot_output_f ile 



"\r\n"; 
"\r\n"; 
"\r\n"; 
"\r\n"; 

"\r\n"; 
"\r\n"; 
"\r\n"; 
"\r\n"; 

'<br />'; 
'<br />'; 

'<br />'; 
'<br />'; 



•<br />' 
'<br />' 



Submit the new date/time 
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Setup for the main function 


^1 


plot output date — 

plot output date tmp= 100619 ^^^■■■B 
plot output time— 

plot_output_time_tmp = 083 827 ^^^^H 




plotoutputfolder = tmp/output_plot3 ^^^^^H 
plot output file — plot— ^^^^^^1 




Setup choice for the main fnnction 1 






© Description for the setup choice I of the main fimction 1 
O Description for the setup choice 2 of the main function 1 
O Description for the setup choice 3 of the main function 1 
O Description for the setup choice 4 of the main function 1 
O Personal setup for the main function I : 
integer 1 — integer 2 — | 








Top 














^1 



Figure 13a: Changing the generated name when reloading the current page (generating the name). 



Setup for the main function 


^1 


plot_output_date = 100619 




plot output date tmp = 100619 ^hhM 




plot output time = 083827 




plot_output_time_tmp = 08403 1 ^^^^^H 




plot_output_folder = tmp/output jlots ^^^^^H 




plot_output_file = plot-100619-0S3827 




Setup choice for the main fiiuction 1 ^^^^^H 








© Description for the setup choice 1 of the main function 1 




O Description for the setup choice 2 of the main function 1 




O Description for the setup choice 3 of the main function 1 




O Description for the setup choice 4 of the main function 1 




O Personal setup for the main function 1 : 




integer 1 = , integer 2 = | 




3etup_main_fimction_l_choosing= 1 


■ 



Figure 13b: Changing the generated name when reloading the current page (after submission). 
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Setup for the main function 


^1 


plot output date — 100619 




plot output datf tnip = 100619 ^^^^H|H| 




plot output tiiriQ— 0S3S2~ 




piUL UUIUUL lilliC lllip — UO^IJD ^^^^^^^^^^^H 




plot_output_folder = tmp/output jlots ^^^^^H 




plot_output_flle = plot-100619-0S3g27 




Setup choice foi* tbe iuriu fiitictioD 1 




© Description for the setup choice 1 of the main function 1 




O Description for the setup choice 2 of the main function 1 




O Description for the setup choice 3 of the main function 1 




O Description for the setup choice 4 of the main function 1 




O Personal setup for the main function 1 : 




integer 1 — , integer 2 — | 




3etup_maiu_fi]uction_l_choosing= 1 ^mmj 






ai 



Figure 13c: Changing the generated name when reloading the current page (after reloading). 



Setup for the main function 

plot_output_date = 100619 
plot_output_dflte_tmp= 100619 
plot_output_time = 084138 
plot_output_time_tmp = 08423 8 

plot_output_folder = tmp/output jlots 
plot_output_flle = plot-100619-0S4138 

Setup choice for the main fiiuction 1 




© Description for the setup choice 1 of the main fiinction 1 
O Description for the setup choice 2 of the main function 1 
O Description for the setup choice 3 of the main function 1 
O Description for the setup choice 4 of the main function 1 
O Personal setup for the main function 1 : 
integer_l — I , integer_2 — I 



3etup_main_fimction_l_choosing= 1 




Figure 13d: Changing the generated name when reloading the current page (after re-submission) 
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2.2 File uploading 

Template 24: Modification of the 'setup table for a group of entry' (cf. Template [T5)) 

Script 

<?php 

if ($setup_iiiain_function_l_checked == "yes") 
{ 

echo '<h4> Setup table for the main function 1 </h4>' . "\r\n"; 
$entry_No = 3; 

for ($n_entry = 1; $n_entry <= $entry_No; $n_entry ++) 
{ 

if ($setup_item_l [$n_entry] == NULL) 
{ 

$setup_iteiii_l [$n_entry] = $_POST["setup_item_l"] [$n_entry] ; 

} 



if ($setup_item_4[$n_entry] == NULL) 
{ 

$setup_item_4[$n_entry] = $_P0ST["setup_item_4"] [$n_entry] ; 

} 

$personal_f ile_copy [$n_entry] 
= "pf-" . $personal_f ile_date . "-" . $personal_f ile_tinie . "-" . $n_entry . ".txt"; 

if ($_FILES["personal_f ile"] ["name"] [$n_entry] ! = NULL) 
{ 

$personal_f ile[$n_entry] = $_FILES ["personal_f ile"] ["name"] [$n_entry] ; 

move_uploaded_f ile($_FILES ["personal_f ile"] ["tmp_name"] [$n_entry] , 

"$personal_file_f older/" . $personal_f ile_copy [$n_entry] ) ; 

} 

elseif ($_POST["personal_f ile"] [$n_entry] !=NULL) 
{ 

$personal_f ile[$n_entry] = $_POST["personal_f ile"] [$n_entry] ; 

} 

if (f ile_exists("$personal_f ile_f older/$personal_f ile_copy [$n_entry] ") ) 
{ 

echo '<input type="hidden" ' . "\r\n"; 

echo ' naine="personal_f ile [' . $n_entry . ']"' . "\r\n"; 

echo ' value="' . $personal_f ile [$n_entry] . . "\r\n"; 

echo ' />' . "\r\n"; 

} 



if ($setup_entry_common == NULL) 
{ 

$setup_entry_common = $_POST ["setup_entry_common"] ; 

} 
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for ($ii_entry = 1; $ii_entry <= $entry_No; $n_entry ++) 
{ 

if ($personal_file[$n_entry] != NULL) 
{ 

$personal_f iles = "yes"; 
break; 



include ( "tables/table-setup_ itein_head . txt ") ; 

for ($n_entry = 1; $n_entry <= $entry_No; $n_entry ++) 

{ 

include ( "tables/table-setup_ item_entry . txt " ) ; 

} 

include ( "tables/table-setup_ itein_entry_coiiimon . txt " ) ; 
echo '</table>' . "\r\n"; 

for ($n_entry = 1; $n_entry <= $entry_No; $n_entry ++) 
{ 

if ($setup_item_l [$n_entry] == NULL 
$setup_item_2[$n_entry] == NULL 
$setup_item_3[$n_entry] == NULL 
$setup_ltem_4[$n_entry] == NULL 
$setup_entry_coiiraion == NULL 

($personal_f iles == "yes" 



Template [25] 



Template [26l 



Template [27] 



! (f ile_exists("$personal_f ile. 


_f older/$personal_f ile_copy [ 


$n_ 


entry] " 


)) ) 


) 










Check uploaded file 


include ( "default _choices/def ault- 


-setup_ itein_head . txt " ) ; 




Template [H] 





for ($n_entry = 1; $n_entry <= $entry_No; $n_entry ++) 
{ 

include ( "def ault_ choices/def ault-setup_ iteni_entry . txt " ) ; 

} 

include ( " def ault_ choices/ def ault-setup_ itein_entry_ common . txt " ) ; 
break; 



Template [10] 



Template [21] 



cf. Template [JO] 



else 
{ 

echo ' <br /> ' ; 

echo 'setup_item_l [' . $n_entry . '] = ' 

echo ' setup_item_2 [' . $n_entry . '] = ' 

echo ' setup_item_3 [' . $n_entry . '] = ' 

echo ' setup_item_4 [' . $n_entry . '] = ' 

echo 'personal_f ile [' . $n_entry . '] = 



$setup_item_l [$n_entry] 
$setup_item_2 [$n_entry] 
$setup_item_3 [$n_entry] 
$setup_item_4 [$n_entry] 



personal_f ile [$n_entry] . '<br />'; 



<br 


/>'; 


<br 


/>'; 


<br 


/>'; 


<br 


/>'; 


<br 


/>'; 



if ($n_entry == $entry_No) 
{ 

echo '<br />' ; 

echo ' setup_entry_common 

echo '<br />' ; 



. $setup_entry_common 



'<br />' 



$setup_item_checked = "yes"; 
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Template 25: Modification of table-setup_item_head.txt (cf. Template 



Script 



<table id="table-setup_item" border="l"> 






<tr id="setup_item"> 






<th style="width: 60pt"> entry </th> 




<th> setup_item_l </th> 
<th> setup_iteni_2 </th> 
<th> setup_iteni_3 </th> 
<th> setup_item_4 </th> 






<th style="width: 150pt"> Personal files (max. 2 MB) </th> 


<?php 






if ($personal_f iles == "yes") 


See Template [Ml 




{ 

// for ($n_entry = 1; $n_entry <= $entry_No; $n_entry ++) 
// { 

// if ($personal_f ile[$n_entry] != NULL) 
// { 

echo ' <th style="wldth: 150pt"> Uploaded files </th>'; 


// break; 
// } 
// } 
} 

?> 






</tr> 
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Template 26: Modification of table-setup_item_entry.txt (cf. Template [T7| 

Script 



<th style="width: 60pt"> 

<?php echo ' entry [' . $n_entry 
</th> 



<td> 

<input class="table" type="text" name="setup_item_4 [<?php echo $n_entry; ?>] " 



</td> 



<td> 

<input class="table" type="file" naine="personal_f ile [<?php echo $n_entry; ?>] ' 
style="height : 19.2pt; width: 150pt ; text-align: left" 
/> 

</td> 



<?php 

if ($personal_f iles == "yes") 
{ 

echo ' <td style="text-align: left; width: 140pt;' 

echo ' padding-left: 3pt; padding-right: 3pt">' 



"\r\n"; 
"\r\n"; 



if ($personal_file[$n_entry] != NULL) 
{ 

if (f ile_exists ("$personal_f ile_f older/$personal_f ile_copy [$n_entry] ") ) 
{ 

echo $personal_f ile [$n_entry] ; 



// 
// 
// 
// 



echo ' <input type="hidden" ' . "\r\n"; 

echo ' nam6="personal_f ile [' . $n_entry . ']"' . "\r\n"; 

echo ' value=" ' . $personal_f ile [$n_entry] . '"' . "\r\n"; 

echo ' />' . "\r\n"; 



Moved to Template [Ml 



else 
{ 



echo '<span class="red">The file size is too large ! </span> ' 



} 



else 
{ 

echo 'fenbsp; 

} 

echo '</td>'; 



</tr> 
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Template 27: Modification of table-setup_item_entry_common.txt (cf. Template [TS]) 

Script 



<tr> 

<td style="width: 60pt; border-right-style: none"> 

<lnput class="table" type="text" namie="setup_eiitry_common" style="wldth: 50pt" 
oncllck="thls.value=' ' " 
<?php 

If ($setup_eiitry_coiimion != NULL) 
{ 

if ($setup_entry_coininon <= $setup_entry_common_max) 

{ 

echo 'value="' . $setup_entry_common . ' '* ' ; 

} 

else 
{ 

echo 'value="' . $setup_entry_coinmon_niax . 

} 

} 

?> 
/> 

</td> 

<th colspan= 
<?php 

If ($personal_f lies == "yes") 



{ 



echo ' "6" ' ; 


Two columns more 


} 




else 




{ 




echo ' "5" ' ; 


One column more 





} 

?> 

style="text-align: left; border-left-style: none"> 
unit of setup_entry_commoii (max. setup_entry_commoii_max) 
</th> 

</tr> 
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O Description for the setup choice 4 of the main functicvl 1 
O Personal setup for the main function I : 
integer_i — | . integer_2 — j 

setup_niaiii_iunction_l choosing = 1 



Setup table for the main fimctioD i 






sttnpjtem I 


setnp jtem 2 


setup Item 3 


1 

setup item 4 


PewamiaQlcs (mas. 2 MB) 


eiitrjflj 


1 m 


1 im 


1 ffffff 




1 ai!S... I 






1 m 


1 em 


1 Effif 


1 'Mm... 


attiy[3] 


1 im 


j lUi 


1 Eifff 


1 1 am 


1 'Mm... 


1 


Unit of setup entry common (mas. setQp entry common mai) 



Top 




Figure 14a: Modification of tlic setup table for uploading files (before submission, cf. Figure [TTa|) . 



entry 


setup item 1 


setup item 2 


setup item 3 


setup item 4 


Personal files (max. 2 MB) 


' uploaded files 


entr>-[l] J ™ 


1 


1 km 


j if.m 


]" mm.... 1 


MvPersoualFiIel.txt 


etttr>[2] j 


1 




I itm 


] mm.... 1 


MvP ers oiialJ i [e2 . txt 


ientrrtS] j mi 


1 1 1 ff.fffi- ] 'ffw 1 ^m.... 1 


1 


nnltofsetnp entry 


common (mas. JU'tup entrf common 


max) 







setup_item_ 1 [ 1 ] — nn 
setup_itera_2[l] = nn 
setup item_3[l] = ff ffff 
setup item 4[1] - ff.ffff 

peTsoniiI_fiIe[l] =MyPersonalFiIel.tsl: 

setup_item_l[2] = nn 
setup_item_2[2] — nn 
setup_item_3[2] = ff ffff 
setup_item_4(2] = ff ffff 
personal_fite[2j = MyPersonalFil&2_tst 

setupitemlp] = nn 
setup_item_2[J] — nn 
setup itera 3[3] = ff.ffff 



i 



Figure 14b: Modifieation of setup table for uploading files (after submission, ef. Figure flTb)) . 
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Template 28: Uploading two files or typing texts (cf. Template [M]) 

Script 



<?php 

if ($main_f unction == "main_f unction_l " && 
$mode_main_f unction_l_choice != NULL ) 

{ 

echo '<h4> Function choice for the main function 1 </h4>' . "\r\n"; 

if ($f unction_choosing == NULL) 
{ 

$f unction_choosing = $_PQST["function_choosing"] ; 

} 

if ($personal_f unction_text == NULL) 
{ 

$personal_f unction_text = $_POST["personal_function_text"] ; 

} 

$personal_f unction_f ile_copy 
= "pf-" . $p6rsonal_f ile_date . "-" . $personal_f ile_time . "-copy.txt" 



Just after file 1 uploading 



if ($_FILES["personal_function_f ile"] ["name"] != NULL) 
{ 

$personal_f unction_f ile = $_FILES ["personal_f unction_f ile"] ["name"] ; 

move_uploaded_f ile ($_F1LES ["personal. f unct ion_f ile "] ["tmp_naine "] , 

"$personal_file_f older/" . $personal_function_f ile_copy) ; 

} 



elseif ($_POST["personal_function_f ile"] != NULL) 
{ 

$personal_f unction_f ile = $_POST ["personal_f unction_f ile"] ; 

} 

elseif ($f unction_choice == "f unction_user" kk 



File 1 not uploaded or already uploaded 



$_POST["personal_function_text"] != NULL ) 
{ 

$personal_f unct ion_ text _output 
= fopen("$personal_file_f older/" . $personal_function_f ile_copy , "w"); 

f puts ($personal_f unction_text_output , 

sprintf ("\n")) ; 
f puts ($personal_f unction_text_output , 

sprintf ("*/.s\n", $_POST["personal_function_text"] )) ; 
fputs ($personal_f unction_text_output , 

sprintf ("\n")) ; 

f close ($personal_f unct ion_text_output) ; 

$personal_f unction_f ile = $personal_function_f ile_copy ; 

} 

if (f ile_exists ("$personal_f ile_f older/$personal_f unction_f ile_copy") kk 
$personal_f unction_f ile != $personal_f unction_f ile_copy ) 

{ 

echo '<input type="hidden" ' . "\r\n"; 

echo ' name="personal_function_f ile" ' . "\r\n"; 

echo ' value="' . $personal_f unction_f ile . '"' . "\r\n"; 

echo ' />' . "\r\n"; 

} 



Copy the typed text 1 into a file 



File 1 uploaded, not typed 
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if ($personal_f uiiction2_text == NULL) 
{ 

$personal_f unction2_text = $_PDST["personal_function2_text"] ; 

} 



$personal_f unction2_f ile_copy 
"pf-" . $personal_f ile_date . 



$personal_f ile_time 



-copy2 . txt " 



For file/text 2 



if (f ile_exists ("$personal_f ile_f older/$personal_f unction2_f ile_copy") && 
$personal_f uiiction2_f ile != $personal_f uiiction2_f ile_copy ) 

{ 

echo '<input type="hidden" ' . "\r\n"; 

echo ' name="personal_f unction2_f ile" ' . "\r\ii" 

echo ' value="' . $personal_f unction2_f ile . "' ' . "\r\n" 

echo ' />' . "\r\n" 

} 



include ( "forms/form-function_ defining . txt " ) ; 



Template [ 



if ($f unction_choosing == NULL I I 

($function_choice == "f unction_user" kk 

! (f ile_exists ("$personal_f ile_f older/$personal_f unction_f ile_copy") ) ) I I 
($function_choice == "f unction_user" kk 
$function2_needed == "yes" kk 
! (f ile_exists("$personal_f ile_f older/$personal_function2_f ile_copy")) ) ) 

{ 

include ( "def ault_ choices/def ault-f unction. choosing . txt " ) ; 

} 



Modification of Template [S] 



else 
{ 

echo '<br />' ; 

echo ' f unction_choosing = ' . $f unction_choosing . '<br />'; 

echo ' f unction_choice = ' . $f unction_choice . '<br />'; 



$f unction_choice_setting = "yes"; 

} 

} 

?> 
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Template 29: form-function_defining.txt 

Script 

<scr ipt typ6= " text / j avascr ipt " > 

function personal_f unction_f ile_uploading() 
{ 

if (navigator . appName == "Microsoft Internet Explorer") 
{ 

document .getElementByldC "setup_f unction") • childNodes [9] .checked = true; 

} 



else 

// if (navigator . userAgent . search( "Netscape") != -1 I I 
// navigator .userAgent . search("Firef ox" ) != -1 I I 

// navigator .userAgent . search("Safari" ) != -1 ) 

{ 

document .getElementById("setup_f unction") . childNodes [13] .checked = true; 

} 

} 

</script> 



<fieldset id="setup_fuiiction" style="width: 
<?php 

if ($f unction2_needed == "yes") 
{ 

echo '500'; 

} 

else 
{ 

echo '425'; 

} 

?>pt"> 



<?php 

include ( "f orms/f orm-f unction_ choosing . txt " ) ; 

?> 



Modification of Template H] 



<?php 

echo '<span style="margin-lef t : 18pt">Upload file' 

if ($f unction2_needed == "yes") 

{ 

echo ' s ' ; 

} 

echo ' : </span> ' ; 

?> 



For uploading files 



<input class="upload" type="file" name="personal_f unction_f ile" 
onclick="personal_f unction_f ile_uploading() " 
/> 



For file 1 



<?php 

if ($f unction2_needed == "yes") 
{ 

echo '<input class="upload" type="file" name="personal_function2_f ile" ' 
echo ' style="margin-lef t : 88pt"' 

echo ' onclick="personal_f unction_f ile_uploading() " ' 
echo ' />' 
echo ' (for ) ' 

} 

?> 

<br /> 



For file 2 



"\r\n" 

"\r\n" 

"\r\n" 

"\r\n"; 

"\r\n" 
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<?php 

echo '<span style="inargin-lef t : 18pt">Type definition' 

if ($f unction2_needed == "yes") 

{ 

echo ' s ' ; 

} 

echo ' : </span> ' ; 

?> 



For typing texts 



<?php 

echo '<textarea naine="p6rsonal_function_text" ' . "\r\n"; 

echo ' style=" vertical-align: middle"' . "\r\n"; 

echo ' onclick="personal_function_f ile_uploading() ">' . "\r\n"; 



For text 1 



if 



per sonal_function_ text 



== NULL 



($_FILES["personal_function_f ile"] ["name"] == NULL 
$_POST["personal_function_f ile"] == NULL 



) ) 



The first time 



echo ' double function_user (double x) ' 

echo ' {' 

echo ' return ; ' 

echo ' } ' 



} 



elseif ($personal_f unction_text != NULL 

($_FlLES["personal_function_f ile"] ["name"] == NULL 
$_POST["personal_function_f ile"] == NULL 



{ 



echo $personal_f uiictioii_text 



} 



"\r\n"; 
"\r\n"; 
"\r\n"; 
"\r\n"; 



) ) 



File typed, not uploaded 



"\r\n"; 



elseif ($personal_f unction_text 

($_F1LES ["personal_f unction_f ile"] ["name"] 
$_PDST["personal_function_f ile"] 



= NULL && 

= NULL I I 

= NULL ) ) 



File uploaded, not typed 



{ 



echo 



"\r\n"; 



echo ' </textarea> ' 

?> 

<br /> 



"\r\n" 
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<?php 

if ($f unction2_needed == "yes") 
{ 

echo '<textarea ncLnie="personal_f unction2_text" ' 

echo ' style=" vertical-align: middle; margin-left: 107pt" 

echo ' onclick="personal_function_f ile_uploading() ">' 



"\r\n"; 
"\r\n"; 
"\r\n"; 



For text 2 



if ($personal_f unction2_text == NULL M 

($_FILES["personal_function2_file"] ["name"] == NULL && 
$_P0ST["personal_function2_f ile"] == NULL ) ) 

{ 

echo ' ' 

} 



The first time 



"\r\n"; 



elseif ($personal_f unction2_text != NULL i 

($_FlLES["personal_function2_f ile"] ["name"] == NULL kk 
$_PDST["personal_function2_f ile"] == NULL ) ) 

{ 

echo $personal_f unction2_text 

} 



File typed, not uploaded 



. "\r\n"; 



elseif ($personal_f unction2_text 

($_FILES["personal_function2_f ile"] ["name"] 
$_PDST["personal_function2_f ile"] 



= NULL i 
= NULL I I 
= NULL ) ) 



echo 



} 



File uploaded, not typed 



"\r\n"; 



echo ' </textarea> ' 

echo ' (for ) ' 

echo 

echo ' <br />' 



"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 



<?php 

if ($f unction_choice == "function_user") 
{ 

if ($personal_function_f ile != NULL && 
$personal_f unction_f ile != $personal_f unction_f ile_copy ) 
{ 

if (f ile_exists( "$personal_f ile_f older/$personal_f unction_f ile_copy") ) 
{ 

echo '<b>Uploaded file'; 

if ($f unction2_needed == "yes" kk 
f ile_exists ("$personal_f ile_f older/$personal_f unction2_f ile_copy ") kk 
$personal_function2_f ile != NULL kk 
$personal_f unction2_f ile != $personal_f unction2_f ile_copy ) 

{ 

echo ' s ' ; 

} 

echo ':</b> ' . $personal_f unction_f ile ; 

} 



File uploaded, not typed 



File uploaded, not typed 



else 
{ 



echo '<span class="red">Your file can not be uploaded! </span> ' 



"\r\n" 



For file 1 
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if ($f unction2_iieeded == "yes") 
{ 

if ($personal_function2_f ile != NULL && 
$personal_f miction2_f ile != $personal_f miction2_f ile_copy ) 

{ 



File uploaded, not typed 



File uploaded, not typed 



if (f ile_exists ("$personal_f ile_f older/$personal_f unction2_f ile_copy") ) 
{ 

if (f ile_exists ("per sonal_file_f older /$personal_function_file_copy") && 
$p6rsonal_functioii_f ile != NULL && 
$personal_f uiictioii_f ile != $personal_f unctioii_f ile_copy ) 

echo ' , ' ; 

} 

else 
{ 

echo '<br />' . "\r\n"; 

echo '<b>Uploaded file: </b>' . "\r\n"; 

} 

echo $personal_f uiiction2_f ile ; 

} 



else 
{ 

echo '<span class="red"> ' ; 

if (f ile_exists ("$personal_f ile_f older/$personal_f unction_f ile_copy") ) 
{ 

echo 'your' ; 

} 

else 
{ 

echo 'Your' ; 

} 

echo ' file for can not be uploaded! </span> ' . "\r\n"; 

} 



For file 2 



if (($personal_function_f ile != NULL && 

$personal_f unction_f ile != $personal_f unction_f ile_copy ) I I 

($f unction2_needed == "yes" && 
($personal_function2_f ile != NULL kk 
$personal_f unction2_f ile != $personal_f unction2_f ile_copy ) ) ) 

{ 

echo '<br />' . "\r\n"; 

} 



File(s) uploaded, not typed 
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<?php 

if ($f unction_choice == "function_user") 
{ 

if ($personal_fuiictioii_f ile != NULL && 
$personal_f unctioii_f ile == $personal_f uiiction_f ile_copy ) 
{ 

if (f ile_exists ( "$personal_f ile_f older/$personal_f uiiction_f ile_copy") ) 
{ 

echo '<b>Saved into file'; 

if ($f unction2_needed == "yes" && 
f ile_exists ("personal_fil6_f older /$personal_function2_file_copy") kk 
$personal_function2_f ile != NULL && 
$personal_f uiiction2_f ile == $personal_f uiiction2_f ile_copy ) 

{ 

echo ' s ' ; 

} 

echo ':</b> ' . $personal_f unction_f ile 

} 



File typed, not uploaded 



File typed, not uploaded 



"\r\n"; 



else 
{ 



echo '<spaii class="red">The text can not be saved! </span> ' 



"\r\n" 



For text 1 
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if ($f unction2_iieeded == "yes") 
{ 

if ($personal_function2_f ile != NULL && 
$personal_f miction2_f ile == $personal_f miction2_f ile_copy ) 

{ 



File typed, not uploaded 



File typed, not uploaded 



if (f ile_exists ("$personal_f ile_f older/$personal_f unction2_f ile_copy") ) 
{ 

if (file_exists ("per sonal_file_f older /$personal_function_file_copy") && 
$personal_functioii_f ile != NULL && 
$personal_f uiictioii_f ile == $personal_f unctioii_f ile_copy ) 

echo ' , ' 

} 

else 
{ 

echo '<b>Saved into file: </b>' . "\r\n"; 

} 

echo $personal_f unction2_f ile . "\r\n"; 

> 



. "\r\n"; 



else 
{ 

echo '<span class="red"> ' ; 

if (f ile_exists ("$personal_f ile_f older/$personal_f unction_f ile_copy") ) 
{ 

echo 'the' ; 

} 

else 
{ 

echo 'The'; 

} 

echo ' text for can not be saved ! </span> ' . "\r\n"; 

} 



For text 2 



if (($personal_function_f ile != NULL && 

$personal_f unction_f ile == $personal_f unction_f ile_copy ) I I 

($f unction2_needed == "yes" && 
($personal_function2_f ile != NULL kk 
$personal_f unction2_f ile == $personal_f unction2_f ile_copy ) ) ) 

{ 

echo '<br />' . "\r\n"; 

} 



File(s) typed, not uploaded 



<b> Download: </b> 
<?php 

echo '<a href ="sainples/sainple-function_user .txt" target="_blank"> ' ; 

echo ' sample for a user-defined f unction</a> ' . "\r\n"; 

if ($f unction2_needed == "yes") 
{ 

echo ', <a href="samples/sample-function2_user .txt" target="_blank"> ' ; 

echo 'for </a>' . "\r\n"; 

} 

?> 
<br /> 



Sample 1 



Sample 2 



</f ieldset> 
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Setup for the main function 

FuDction choice for the main function 1 



® Description for the fiitictLOG I 
O Description for the function 2 
O Description for the function 3 
O Pei'sonal function 

Upload file: I 




double funCt ion_iiser( doubl e k) 



T\pe definition: 



Download: sample for a user-defined function 




Top 



Figure 15a: Uploading only one file or typing one text (i.e., $f unction2_needed != "yes"). 



O Description for the function 3 
® Personal function 
Upload files 



1 ais... 




m'm... 


(for ) 



Typs definitions: 



double funC t i on_u£ er( double k) 



(for ) 



Download: sample for a user-defined function . for . 



Figure 15b: Uploading two files or typing texts (i.e., $f unction2_needed = "yes"). 
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® Personal function 








^1 


Upload files: | 


mm... 












(for ) 






Type definitions: 






1 










(for ) 




I'ploadecl files: MyPersonalFunction.txt, MyPersonalFiinction-plot.txt 
DoivDload: sample for a user-defined fiinction . for 




■ 



Figure 15c: Two files have been uploaded. 



® Personal function 








^1 


Upload files: | 












mm... 


(for ) 






Type definitions: 












f i_u£ e r( >[) 
= £in(x) * I + Co£(x)| 






(for ) 




L'ploadecl file: MyPersonalFunction.tst 
Saved ioto file: pf-100619-133225-copy2.txt 

TV ,„i 1. „ i„ e — 1 i\ j-:„„ e — 






■ 



jure 15d: Only one file has been uploaded, the other one required function has been typed and saved 
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Chapter 3 

Special Effects 
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3.1 Locking choices 

Template 30: Modification of form-main_functions.txt (cf. Template S]) 

Script 

<fieldset id="main_f unction_choosing" style="width: 330pt"> 

<iiiput type="radio" naine="iiiain_f uiiction_choosing" value="l" 
<?php 

if ($inain_f unction_choosing == "1") 
{ 

echo "checked"; 

$main_f unction = "inain_f unction_l" ; 

} 

?> 
/> 

Description for the main function 1 
<br /> 



<input type="radio" najne="inain_f unction_choosing" value="5" 
onclick="this . checked=f alse" 

onmouseover="this .nextSibling.nextSibling. style . color='red' " 
onmouseout= " this .nextSibling .next Sibling. style . color=' black' " 
<?php 

if ($inain_f unction_choosing == "5") 
{ 

echo "checked"; 

$inain_f unction = "inain_f unction_5" ; 

} 

?> 
/> 

Description for the main function 5 
<span>(will be released soon)</span> 
<br /> 

</f ieldset> 
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Demos for Interactive Scientific Website 

Chung-Lin Shan 

Version: 1.4142 
Last upgraded: Augasf 9^ 2Q10 



List of the main functions 

Choose one of the main fuDctions 



© Description for the main function 1 
O Description for the main fiinction 2 
O Description for the main function 3 
O Description for the main fiinction 4 

O Description for the main function 5 (will be released soon) 




Figure 16a: Locking the choice 5 for the main function (before cUcking, cf. Figure [5a|) . 





Demos for Interactive Scientific Website 




Chung-Lin Shan 






Yersioa: 1.4142 
Last upgraded: Angast 9^ ZQIQ 


List of the main functions 




Choose one of the main functions 






O Description for the main function 1 
O Description for the main function 2 
O Description for the main function 3 

Description for the main function 4 

01 Description for the main function 5 (will be released soon') 






Top ^^^^^^M 



Figure 16b: Locking the choice 5 for the main function (after cheking, cf. Figure 15a)). 
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3.2 Showing equations by request 

Template 31: Modification of form-function_defining.txt (cf. Template 1^5)) 

Script 

<script type="text/javascript "> 

f unct ion show_f unct ion (f ig_f unct ion) 
{ 

document . getEleinentById("setup_f unction") .nextSibling. nextSibling. src = fig_f unction; 

document . getElementById("setup_ function") .nextSibling. nextSibling. style . visibility = "visible" ; 

} 

function erase_f unctionO 

{ 

document . getElementById("setup_ function") .nextSibling. nextSibling. style . visibility = "hidden" ; 

} 

function personal_f unction_f ile_uploading() 

{ 



} 

</script> 

<fieldset id="setup_f unction" style="width: 425pt"> 



</f ieldset> 

<iing class="eq-s" src="equations/f ig-f unction_ 1-s .png" style="visibility : hidden"/> 
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Template 32: Modification of form-function_choosing.txt (cf. Template 0]) 

Script 

<input type="radio" name="function_choosing" value="l" 
<?php 

if ($f unction_choosing == "1") 
{ 

echo "checked"; 



$f unction_choice = "function_l" 

} 

?> 
/> 

Description for the function 1 



<a class="eq" href ="equations/eq-function_ 1 .html" target="_blank" 
onjnouseover="show_f unction ( ' equations/f ig-f unction_ 1-s .png' ) " 
onjnouseout="erase_f unctionO " 
><sub>analytic f orm</sub></a> 



Template [ 



<br /> 
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modemainfiinctionlchoosiiig^ 1 

mode main function 1 choice = mode main function 1 choice 1 



Top 

Setup for the main function 

Fuuction choice for tbe main functioD 1 




® Description for the function 1 niaiyii: fwm 
O Description for the function 2 anatytk imm 
O Description for the function 3 „aiytk fcm 



Top 



Submit 



Figure 17a: Function choice for the main function 1 (cf. Figure [ISal 



mode_main_f[inction_I_choosiiig= 1 

mode main function 1 choice = mode main function 1 choice 1 



Top 



Setup for the main function 

Fuuction choice for tbe maiu function 1 



® Description for the function 1 itiaiyti.: form 
O Description for the function 2 anaiytk imm 
O Description for the function 3 „aiyik fmm 

Top 



Submit 



Figure 17b: Showing the equations by moving the cursor on the "analytic form" (cf. Figure [15ap . 
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Template 33: eq-function_l.html 

Script 

<!DOCTYPE html 

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http : //www . w3 . org/TR/xhtmll/DTD/xhtmll-strict . dtd" > 

<html xmlns="http : / /www. w3 . org/1999/xhtiiil"> 

<head> 

<title> Function 1 </title> 

<meta id="author" cont6nt="Chung-Lin Shan" /> 

<meta http-equiv="Content-Type" content="text/html ; charset=uf t-8" /> 
<link rel=" stylesheet" type="text/css" href =".. /main/main. ess" /> 
</head> 

<body class="en"> 

<h4 class="black"> Function 1 </h4> 
<p class="EqCard"> 

<img class="eq" src="f ig-function_l .png" /> 
<br /> 

Here . . . 
<br /> 

<img class="eq" src="f ig-f unction_ 1_1 .png" /> 
<br /> 

is . . . , and 
<br /> 

<img class="eq" src="f ig-f unction_ 1_2 .png" /> 
<br /> 

is ... 

<br /> 

<br /> <br /> 
</p> 

<h4 class="black"> References </h4> 
<ol> 

<li> G. Jungman, M. Kamionkowski , and K. Griest , 

<i>Phys. Rep.</i> <b>267</b>, 195 (1996). 

</li> 
<li> . . . 

</li> 

</ol> 

</body> 

</html> 
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Function 1 












Here O is the recoil energy' traiisfeired to the tai'get nucleus, 


n. — 


l.K 








is the nuclear coherence energ>' and 




Ho = 


"0.3 + 0,91 f^V''" 


tm 


is the radius of the nucleus. 




References 




1. G. Jimgman, M. Kamioiikowsld, andK. Griest. Pln^i. Rep. 261, 1S5 (1596). 


2. Some usefij formulae and detailed 


:alculations can be found in "Thsoretical Inteipretation of Experimental Data from Direct Dark 


Matter Detection", C. L. Shan, Ph.D. Thesis, arXiv:0707.0488 [astro-ph] (2007). 



Figure 18: eq-function_l.html. 
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3.3 Showing definitions of notations by request 

Template 34: show_definition.txt 

Script 

<script type="text/javascript "> 

var show_def = "<sup>* Move the cursor onto a notation for checking its definition. </sup>" 
</script> 
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Template 35: Modification 2 of table-setup_item.txt (cf. Template [T^ 

Script 

<scr ipt typ6= " text / j avascr ipt " > 
function show_def _iteni(def _itein) 
{ 

if (navigator . appName == "Microsoft Internet Explorer") 
{ 

document .getElementById("table-setup_iteiii") .nextSibling. innerHTML = def_item; 

} 

else 

// if (navigator . userAgent . search( "Netscape") != -1 I I 
// navigator .userAgent . search("Firef ox" ) != -1 I I 

// navigator .userAgent . search("Safari" ) != -1 ) 

{ 

document .getElementById("table-setup_ item") .nextSibling. nextSibling. innerHTML = def_item; 

} 

} 

function erase_def _item() 
{ 

if (navigator . appName == "Microsoft Internet Explorer") 
{ 

document .getElementById("table-setup_item") .nextSibling. innerHTML = show_def ; 

} 

else 

// if (navigator .userAgent . search("Netscape") != -1 I I 
// navigator .userAgent . search("Firef ox" ) != -1 I I 

// navigator .userAgent . search( "Safari" ) != -1 ) 

{ 

document .getElementById("table-setup_ item") .nextSibling. nextSibling. innerHTML = show_def ; 

} 

} 

</script> 



72 



<table id="table-setup_ item" border="l"> 



<tr id="setup_iteiii"> 



<th> 

<spaii onmouseover="show_def _item('setup_iteiii_l : definition of setup_item_l ' ) " 
onjnouseout="erase_def _item() " 
> setup_iteiii_l </span> 

</th> 



<th> 

<span onmouseover="show_def _item('setup_item_2: definition of setup_item_2 ' ) " 
onjnouseout="erase_def _item() " 
> setup_item_2 </spaii> 

</th> 



</tr> 
<tr> 

</tr> 



</table> 



<span class="def"> 

<script type="text/javascript "> 

document . write(show_def) ; 
</script> 
</spaii> 



Template [Ml cf. Template [Ml 
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® Descripti on for the setup choice 1 of the main fuaction 1 

O DescripHon for the setup choice 2 of the main fimction 1 
O Description for the setup choice 3 of the main function 1 
O Description for the setup choice 4 of the main fiinction 1 
O Personal setup for the main fiinction 1: 
integer_l = I _ integeT_2 = I 



setup_main_function_l_choosing— I 




Setup table for the main function 1 



setup item 1 


setup item 2 


setup item 3 


setup item 4 


setup item 5 


1 lUl 


nn 


1 Em 


1 ff.^ 


1 a.m 












* ZvJove the cursor onLo a notatimi fur ciiecJdng i£s deftnitioD. 



Top 



Submit 



Figure 19a: A setup table with default values (cf. Figure [H]). 



® Description for the setup choice 1 of the main futictEon 1 

O Description for the setup choice 2 of the main fiinction 1 
O Description for the setup choice 3 of the main function 1 
O Description for the setup choice 4 of the main fiinction 1 
O Personal setup for the main fiinction 1: 
integer_l = I _ integer_2 = j 



setup_main_fimction_l_choosing— I 




Setup table for the main function 1 



setup item 1 


setup item 2 


setup item 3 


setup item 4 


setup item 5 


1 lUl 


1 nn 


1 EM 


1 ff.^ 


1 E.m 




setup_item_I : defimtion of setup_ttem_l 



Top 



Submit 



Figure 19b: Showing its definition by moving the cursor on each notation (cf. Figure IH]). 
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3.4 Calculating values of items by giving values of other items 

Template 36: Modification 2 of the 'setup table for a group of entry' (cf. Template [T5)) 

Script 



<?php 

include ( "tables/show_ definition.txt") ; 



Template [ 



if ($setup_iiiain_function_l_checked == "yes") 
{ 

echo '<h4> Setup table for the main function 1 </h4>' . "\r\n"; 
$entry_No = 3; 

for ($n_entry = 1; $n_entry <= $entry_No; $n_entry ++) 
{ 



} 



if ($setup_entry_coiiimon == NULL) 
{ 

$setup_entry_common = $_POST ["setup_entry_coimiion"] ; 

} 

include ( "tables/table-setup_ iteni_head . txt " ) ; 

for ($n_entry = 1; $n_entry <= $entry_No; $n_entry ++) 

{ 

include ( "tables/table-setup_ item_entry . txt " ) ; 

} 

include ( "t able s/t able- setup_ itein_entry_ common . txt " ) ; 
echo '</table>' . "\r\n"; 



echo '<span class="def "> ' 

echo '<script type="text/javascript">' 

echo ' document .write(show_def) ; ' 

echo '</script>' 

echo '</span>' 



"\r\n 
"\r\n 
"\r\n 
"\r\n 
"\r\n 



for ($n_entry = 1; $n_entry <= $entry_No; $n_entry ++) 
{ 



Template [Ml cf. Template [ 



} 

} 

?> 
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Template 37: Modification 2 of table-setup_item_head.txt (cf. Templates [T51 and 155)1 

Script 



<script type= " text / j avascript " > 
var run; 
var run_max; 

function erase_setup_itein_4(run_max) 

{ 

var ii_Entry = document . getElementById("setup_ item") ; 
<?php 

if ($setup_item2_needed == "yes") 
{ 

echo 'var n_Entry2 = document . getElementById("setup_ iteni2") ;' ; 



?> 



if (navigator . appName == "Microsoft Internet Explorer") 
{ 



Check if Table 2 exists! 



For table 2 



for (run = 1; run <= run_inax; run ++) 

{ 

n_Entry = n_Entry .nextSibling; 
<?php 

if ($setup_iteni2_needed == "yes") 
{ 

echo 'n_Entry2 = n_Entry2. nextSibling; 

} 

?> 



n_Entry.chlldNodes[4] .childNodes[0] .value = ""; 



<?php 

if ($setup_item2_needed == "yes") 
{ 



Skip run_niax rows/n_entry's 



Check if Tabic 2 exists! 



For table 2 



Check if Table 2 exists! 



echo 'n_Entry2.childNodes[4] . InnerHTML 
echo 'n_Entry2.chlldNodes[5] .InnerHTML 



For table 2 
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else 

// if (navigator .userAgent . searchC'Netscape") 
// navigator .userAgent . searchC'Firef ox" ) 

// navigator .userAgent . search( "Safari" ) 

{ 



= -111 
= -111 
= -1 ) 



for (run = 1; run <= run_max; run ++) 
{ 

n_Entry = n_Entry .nextSibling.nextSibling; 



Skip run_niax rows/n_entry's 



<?php 

if ($setup_iteni2_needed == "yes") 
{ 

echo 'n_Entry2 = n_Entry2.nextSibling.nextSibling; ' ; 



Check if Table 2 exists! 



For table 2 



n_Entry . childNodes [9] . childNodes [1] . value = " " ; 



<?php 

if ($setup_itein2_needed == "yes") 
{ 

echo 'n_Entry2. ChildNodes [ 9] . innerHTML = "";'; 
echo 'n_Entry2. ChildNodes [11] .innerHTML = "";'; 



Check if Table 2 exists! 



For table 2 



?> 



} 

</script> 
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<script type="text/javascript "> 
function show_def _ item (def_ item) 

{ 



} 

See Template [35] 

function erase_def _itein() 
{ 



} 

</script> 

<table id="table-setup_item" border="l"> 
<tr id="setup_itein"> 

<th style="width: 60pt"> entry </th> 
<th> 

<spaii onmouseover="show_def _item( ' setup_itein_l : definition of setup_iteni_l ' ) " 
onjnouseout="erase_def _item() " 
> setup_iteiii_l </span> 

</th> 



See Templates [H] and [551 



<th> 

<span onjnouseover="show_def _item('setup_item_4: definition of setup_item_4 ' ) " 
onjnouseout="erase_def _item() " 
> setup_iteni_4 </span> 

</th> 
</tr> 
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Template 38: Modification 2 of table-setup_item_entry.txt (cf. Template [T7| 

Script 



<th style="width: 60pt"> 

<?php echo ' entry [' . $n_entry 
</th> 



Check if the calculation is needed! 



<td> 

<input class="table" type="text" naine="setup_item_4 [<?php echo $n_entry; ?>] " 
onclick="erase_setup_item_4(<?php echo $n_eiitry; ?>)" 
<?php 

if ($calculate_setup_item2_4 == "yes") 
{ 

echo ' onkeyup="calculate_setup_item2_4( ' . $n_entry . ')"' 

} 

?> 
/> 

</td> 



</tr> 
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O Personal setup for the main function I : 
iiiteger_l — j . integer_2 — |~ 

setup_maiii_function_l_choosing= 1 



Setup table for the tuaiD fiitictioti 1 



entry 


setnpitem 1 


setnp item 2 


setup Item 3 


setnp item 4 


eiit[7[l] 


1 im 




1 ff.fffr 


1 EfHf 


entry[2] 


1 im 


1 im 


1 ffffff 


1 Effif 












entrj'P] 


1 

im 


1 im 


1 Effff 


Em 


r 

im 


unit of setup eotry 


common (max. setup eotiy common max) 



* Move the cursw oato a noLatimi for cJieekmg its. defiiiition. 



Top 




Submit 



Figure 20a: A setup table for a group of entry with default values (of. Figures lllal and I19ap 



O Personal setup for the main function I : 
integer_l — j . integer_2 — |~ 

setup_maiii_ftmction_l_choosing= 1 



Setup table for the maiD functiou 1 



entry 


setnplteml 


setnp_ltem_2 


setnp Item 3 


setnp_item_4 


ent[y[l] 


1 im 


1 im 


1 ff.ffir 


1 iJffff 


entry[2] 


1 nn 


1 im 


1 ffffff 


1 ffffff 


entry [3] 


1 

im 


1 im 


1 ff.fiif 


1 ffffi 


r 

I unit of setup entry common (max. setup entry common max) 




setup_item_3 ; definition of setup_item_3 



Top 



Submit 



Figure 20b: Showing its definition by moving the cursor on each notation (cf. Figures lllal and I19bp . 
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Template 39: Modification 2 oftable-setup_item2_head.txt (cf. Templates [TBI and 157)) 

Script 



<scr ipt typ6= " text / j avascr ipt " > 
var run; 
var run_max; 

function erase_setup_item2_4(run_max) 
{ 

var n_Entry2 = document . getElementById("setup_ item2") ; 

if (navigator . appName == "Microsoft Internet Explorer") 
{ 

for (run = 1; run <= run_max; run ++) 

{ 

n_Entry2 = n_Entry2.nextSibling; 

} 

n_Entry2 . childNodes [3] . childNodes [0] . value = " " ; 

n_Entry2.childNodes[4] .innerHTML = ""; 
n_Entry2 . childNodes [5] . innerHTML = " " ; 
} ' 

else 

// if (navigator .userAgent . search("Netscape") != -1 I I 
// navigator .userAgent . search ( "Flref ox" ) != -1 I I 

// navigator .userAgent . search ( "Safari" ) != -1 ) 

{ 

for (run = 1; run <= run_inax; run ++) 

{ 

n_Entry = n_Entry2 .nextSibling.nextSibling; 

} 

n_Entry2. ChildNodes [ 7] . childNodes [1] . value = ""; 

n_Entry2. ChildNodes [ 9] . innerHTML = ""; 
n_Entry2. ChildNodes [11] .innerHTML = ""; 

} 

} 

</script> 



Erase both item2_4 and item2_5! 



Use innerHTML, not childNodes [0] .value! 



Use innerHTML, not childNodes [0] .value! 
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<scr ipt typ6= "text/ j avascr ipt " > 

function calculate_setup_item2_4(run_max) 
{ 

var n_Entry = document . getElementById("setup_ item") ; 
var n_Entry2 = document . getElementById("setup_ item2") ; 

if (navigator . appName == "Microsoft Internet Explorer") 
{ 

for (run = 1; run <= run_max; run ++) 

{ 

n_Entry = n_Entry .nextSibling; 
n_Entry2 = n_Entry2 .nextSibling; 

} 

if ( n_Entry2 . childNodes [3] . childNodes [0] . value 
> setup_item2_3_max ) 

{ 

n_Entry2 . ChildNodes [3] . ChildNodes [0] . value = setup_item2_3_max; 

} 

n_Entry2 . childNodes [4] . innerHTML 
= n_Entry. ChildNodes [4] . ChildNodes [0] .value * 
n_Entry2 . childNodes [3] . childNodes [0] . value ; 



n_Entry2 . childNodes [5] . innerHTML 

n_Entry . childNodes [4] . childNodes [0] . value 

- n_Entry. ChildNodes [4] . ChildNodes [0] .value * 
n_Entry2 . childNodes [3] . childNodes [0] . value ; 



Do not use [5] = [4] * (1.0 - [3])! 



else 

// if (navigator .userAgent . search("Netscape") != -1 I I 
// navigator .userAgent . search( "Firef ox" ) != -1 I I 

// navigator .userAgent . search ( "Safari" ) != -1 ) 

{ 

for (run = 1; run <= run_max; run ++) 

{ 

n_Entry = n_Entry. nextSibling. nextSibling; 
n_Entry2 = n_Entry2 .nextSibling. nextSibling; 

} 

if ( n_Entry2 . ChildNodes [7] . ChildNodes [1] .value 
> setup_item2_3_max ) 

{ 

n_Entry2 . ChildNodes [7] . ChildNodes [1] . value = setup_item2_3_max; 

> 



n_Entry2 . childNodes [9] . innerHTML 
= n_Entry. ChildNodes [9] . ChildNodes [1] .value * 
n_Entry2. ChildNodes [7] . childNodes [1] .value; 



n_Entry2 . childNodes [11] . innerHTML 

n_Entry. ChildNodes [9] . childNodes [1] .value 

- n_Entry. ChildNodes [9] .ChildNodes [1] .value * 
n_Entry2 . ChildNodes [7] . childNodes [1] .value; 



Do not use [11] = [9] * (1.0 - [7])! 



} 

</script> 
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<script type= " text/ javascript "> 

function show_def _itein2(d.ef _itein2) 

{ 



} 

Sec Template [35] 

function erase_def _item2 () 
{ 



} 

</script> 

<table id="table-setup_item2" border="l"> 
<tr id="setup_item2"> 

<th style="width: 60pt"> entry </th> 
<th> 

<spaii onmouseover="show_def _item2( ' setup_item2_l : definition of setup_item2_l ' ) " 
onjnouseout="erase_def _item2() " 
> setup_iteiii2_l </span> 

</th> 



See Templates [H] and [551 



<th> 

<span onjnouseover="show_def _item2( ' setup_item2_5 : definition of setup_iteiii2_5' ) " 
onjnouseout="erase_def _item2() " 
> setup_iteni2_5 </span> 

</th> 
</tr> 
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Template 40: Modification 2 of table-setup_item2_entry.txt (cf. Templates [T71 and 



Script 



<tr> 








<th style="width: 60pt"> 






<?php 


echo 'entryC . $n_entry . '] ' ; ?> 






</th> 








<td> 








<input 


cl&s s— " t &bl6 " "t yp©— " "t ©xt " HcUiie— " sstup ^^©inS 1 t^^php ©cho 


$ii_ entry ; 


?>]" 




oiiclick= " this . valu©= ' ' " 
















if ($setup it©m2 1 [$n entry] != NULL) 








I 

\ 








echo 'value="' . $setup itein2 1 [$n entry] . '"'j 








} 








?> 








/> 






</td> 








<td> 








< input 


class="table" type="text" name="setup_item2_2 [<?php echo 


$n_entry ; 


?>]" 




onclick="this.value=' ' " 
















if ($setup_item2_2 [$n_entry] == 0.00001) 








{ 








echo 'value="0"'; 








} 








elseif ($setup itein2 2[$n entry] != NULL) 








{ 








echo 'value="' . $setup itein2 2[$n entry] . 








} 








?> 








/> 






</td> 








<td> 








<input 


clas s— " table " type— "text" name— "setup iteni2 3t^'''php echo 


$n entry ; 


?>] " 




onclick=" erase setup iteni2 4(<?php echo $n entry; ?>)" 








UIlJitjyilL* — i^dJ. U UJ-CL Lc otJ L 11L*_ ± ; LtliL* C^IIU \pii_tili U J. V j l^J 


It 






V . pup 








if ($setup_item2_3[$n_entry] != NULL) 








{ 








if ($setup_item2_3 [$n_entry] <= $setup_item2_3_niax) 








{ 








echo 'value="' . $setup_iteni2_3 [$n_entry] . 








} 








else 








{ 








echo 'value="' . $setup_iteni2_3_max . '"'; 








} 








} 








?> 








/> 






</td> 
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<td> 
<?php 

if ($setup_itein_4[$n_entry] != NULL && 
$setup_item2_3[$ii_entry] != NULL ) 

{ 

echo $setup_item_4 [$ii_entry] * $setup_item2_3 [$n_entry] ; 

} 

?> 
</td> 



Calculate the values 



<td> 
<?php 

if ($setup_itein_4[$n_entry] != NULL kk 
$setup_iteni2_3[$ii_entry] != NULL ) 

{ 

echo $setup_item_4 [$n_entry] - $setup_item_4 [$n_entry] * $setup_iteni2_3 [$n_entry] ; 

} 



?> 

</td> 



Do not use 4[] * (1.0 - 2_3[])! 



</tr> 
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Template 41: default-setup_item2_head.txt (cf. Template 

Script 

<scr ipt typ6= " text / j avascr ipt " > 

document . getElementById("table-setup_ item2") . style .borderColor = "red"; 
document . getElementByldC "table-setup_ item2") .border = "2"; 

if (navigator . appName == "Microsoft Internet Explorer") 
{ 

var n_Entry = document . getElementByldC "setup_ item") .nextSlbling; 
vax n_Entry2 = document . getElementById("setup_item2") .nextSibling; 

} 

else 

//if (navigator .userAgent . search("Netscape") != -1 I I 
// navigator .userAgent . search( "Firef ox" ) != -1 I I 
// navigator .userAgent . search( "Safari" ) != -1 ) 
{ 

var n_Entry = document . getElementById("setup_ item") .nextSibling. nextSibling; 
var n_Entry2 = document . getElementByld("setup_ item2") .nextSibling. nextSibling; 

} 

</script> 
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Template 42: default-setup_item2_entry.txt (cf. Templates and 15^ 

Script 

<scr ipt typ6= " text / j avascr ipt " > 

if (navigator . appNcime == "Microsoft Internet Explorer") 
{ 

n_Entry2.childNodes[l] .childNodes[0] .value = "nn" ; 

n_Entry2.childNodes[2] .childNodes[0] .value = "nn" ; 

n_Entry2.childNodes[3] .childNodes[0] .value = "ff.ffff"; 

n_Entry2 . childNodes [4] . innerHTML 
= n_Entry . ChildNodes [4] . ChildNodes [0] . value * 
n_Entry2 . childNodes [3] . childNodes [0] . value ; 

I See Template [33 

n_Entry2 . childNodes [5] . innerHTML 

n_Entry . childNodes [4] . childNodes [0] . value 

- n_Entry. ChildNodes [4] . ChildNodes [0] .value * 
n_Entry2. ChildNodes [3] . childNodes [0] .value; 

n_Entry = n_Entry .nextSibling; 
n_Entry2 = n_Entry2 .nextSibling; 

} 

else 

//if (navigator .userAgent . searchC "Netscape") != -1 I I 
// navigator .userAgent . search( "Firef ox" ) != -1 I I 
// navigator .userAgent . search( "Safari" ) != -1 ) 
{ 

n_Entry2. ChildNodes [3] .ChildNodes [1] .value = "nn" ; 

n_Entry2 . ChildNodes [5] . ChildNodes [1] .value = "nn" ; 

n_Entry2. ChildNodes [7] .ChildNodes [1] .value = "ff.ffff"; 

n_Entry2 . childNodes [9] . innerHTML 
= n_Entry. ChildNodes [9] .ChildNodes [1] .value * 
n_Entry2 . childNodes [7] . childNodes [1] . value ; 

I See Template 

n_Entry2 . childNodes [11] . innerHTML 

n_Entry . childNodes [9] . childNodes [1] . value 

- n_Entry. ChildNodes [9] . ChildNodes [1] .value * 
n_Entry2. ChildNodes [7] . childNodes [1] .value; 

n_Entry = n_Entry. nextSibling. nextSibling; 

n_Entry2 = n_Entry2 .nextSibling. nextSibling; 

} 

</script> 
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Setiij] (able for tbe main function 1 



entry 


setup item .1 


^tnp item 2 


setup item 3 


setup item 4 




1 im 


1 im 




1 EM 












eiitiy[2] 


1 im 


1 Tin 




1 nm. 




1 im 


1 jffi 




] .m 


1 W' 


nnit of serup eDtiy common (mas. setap eotry commoQ mas) 



* Move the carstH" onto a aotallHHi for chstiiig its definition. 



Setup table 2 for the main fuaction 1 





setap iteiii2 1 


setup ltem2 2 




setup item2 4 


setnp itein2 5 




1 nn. 


j m 


1 am 


NaN 


NaN 


«itryI3] 


1 nn 




1 tm 


NaiN 


J*tN 




] nn 


j im 


] ff'ffir 


NaN 


NaN 















* Move thecniHirimtaa jMtatimfarcheddiLsits liefimtitni. 



Figure 21a: Two setup tables with default values (cf. Figure I^Oal) 



Setup table for the main function 1 



entry 


setup item .1 


^etpp Item 2 


setup item 3 


setup iteqi 4 


enti^l] 


1 im 


1 nn 


1 s.m 




entiyP] 


1 im 


1 nn 


1 ff,fiif' 


1 ftffij 


€!Bttj|3i 


1 nn 


1 nn 


[ ffffif 


] em 


1 fti imit of setap entry cDmmon (mas. setnp entry commoii raax) 



* Mdvs the cufsof onto a notaLion for ehKfcine its definiticn. 



Setup table 2 for the main function 1 



eirtry 


setup 


item2 1 


setup item2 2 


'Setnp item2 3 


setup item2 4 


setup item2 5 




1 


nn. 


j nil 


1 ffilff 


NaN 


NaN 


entryI3] 


1 nn 




1 itm 


NaiN 


JfaN 


eutrytS] 


1 nn 


] nn 


I ff.fYfr 


NaN 


NaN 

















setup_item2_4: definition of setup_item2_4 



Figure 21b: Showing its definition by moving the cursor on each notation (cf. Figure [20b)) . 
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Setiij] (able for tbe main function 1 



entry 


setup item .1 


^tnp item 2 


setup item 3 


setup Item 4 




1 im 


1 im 
















eiitiy[2] 


1 im 


1 Tin 




1 BM 




1 im 


1 jffi 






1 W' 


nnit of serup eDtiy common (mas. setap eotry commoQ mas) 



* Move the carstH" onto a aotallHHi for chstiiig its definition. 



Setup table 2 for the main fuaction 1 





setap iteiii2 1 


setup ltem2 2 




setup ItenlZ 4 


setnp itein2 5 




1 nn. 


j m 


1 am 






«itryI3] 


1 nn 




1 tm 


NajN 






] nn 


j im 


] am 


NaN 

















* Move thecniHirimtaa jMtatimfarcheddiLsits liefimtitni. 



Figure 21c: Clicking the "setup_item_4" of "cntry[l] 



Setup table for the main function 1 



entry 


setup item .1 


setpp Item 2 


setup item 3 


setup item 4 


enti^l] 


1 im 


1 nn 


1 ffSff 


1 Ml 


entiyP] 


1 im 


1 nn 


1 ff,filf' 


1 ftffij 


€!Bttj|3i 


1 nn 


1 nn 


[ am 


] em 


1 fti imit of setap entry cDmmon (mas. setnp entry commoii raax) 



* Mdvs the cufsof onto a notaLion for ehKfcine its definiticn. 



Setup table 2 for the main function 1 



eirtry 


setup 


item2 1 


setup item2 2 


'Setnp item2 3 


setup iteniZ 4 


setup item2 5 




1 


nn. 


j nil 


1 0.3 




140 


entryI3] 


1 nn 




1 am 


tim 


JfaN 


eutiytS] 


j nn 


j nn 


I ff.fYfr 


NaN 


NaN 


















* Move liecinsocimtaa jiot^imfarclieddngits (iefinitioii. 



jure 21d: The "sctup_itcm2_4" and "setup_item2_5" of "cntry[l]" have been calculated automatically. 
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3.5 Eliminating cells of table 

Template 43: table-delete_setup_item_4.txt 

Script 



<script type="text/javascript "> 

document . getElementById( "setup_ item") . deleteCellO) ; 



Delete the 4th eohimn (setup_item_4) 



if (navigator . appNeime == "Microsoft Internet Explorer") 
{ 

document . getElementById("setup_ item") . next Sibling. deleteCelK 3) ; 

} 

else 

//if (navigator .userAgent . searchC "Netscape") != -1 I I 
// navigator .userAgent . search( "Firef ox" ) != -1 I I 
// navigator .userAgent . search( "Safari" ) != -1 ) 
{ 

document . getElementById("setup_ item") .next Sibling. next Sibling. deleteCell (3) ; 

} 

</script> 



See also Template HH 
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® Descripti on for the setup choice 1 of the main fuaction 1 

O DescripHon for the setup choice 2 of the main fimction 1 
O Description for the setup choice 3 of the main function 1 
O Description for the setup choice 4 of the main fiinction 1 
O Personal setup for the main fiinction 1: 
integer_l = I _ integeT_2 = I 



setup_main_function_l_choosing— I 




Setup table for the main function 1 



setup item 1 


setup item 2 


setup item 3 


setup item 5 


1 lUl 


1 nn 


1 EM 


1 ff.^ 



* ZvJove the cursor onLD a notatimi for ciiecJdiigi£s deftnitioD. 




Top 



Submit 



Figure 22: The 4th column of the setup table has been deleted (cf. Figures M and [T^ 
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Template 44: Modification 3 of the 'setup table for the chosen function' (cf. Template [T5)) 

Script 



<?php 

if ($setup_niain_function_l_checked == "yes") 
{ 

echo '<h4> Setup table for the main function 1 </h4>' . "\r\n"; 
$entry_No = 3; 



if ($n_entry == $entry_No) 
{ 



echo '<br />' ; 

echo ' setup_entry_coiiunon = 

echo '<br />' ; 



. $setup_entry_coiimion 



'<br /> 



$setup_iteiii_checked = "yes"; 



} 



} 



include ( "tables/table-delete_ setup_item_3_head . txt " ) ; 
for ($n_entry = 1; $n_entry <= $entry_No; $n_entry ++) 
{ 



Template gS] 



include ( "tables/table-delete_ setup_item_3_entry . txt" ) ; 



Template US] 



} 



} 



Delete the 4th column (setup_item_3 [] ) row by row 



?> 
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Template 45: table-delete_setup_item_3_head.txt (cf. Template H5| 

Script 



<scr ipt typ6= " text / j avascr ipt " > 

document . getElementById("setup_ item") . deleteCell (3) ; 



Delete the 4tli column (setup_item_4 [] ^ 



if (navigator . appName == "Microsoft Internet Explorer") 
{ 

var n_Enrty_D = document .getElementByldC "setup_ item") -nextSibling; 

} 

else 

//if (navigator .userAgent . search("Netscape") != -1 I I 
// navigator .userAgent . search( "Firef ox" ) != -1 I I 
// navigator .userAgent . search( "Safari" ) != -1 ) 
{ 

var n_Enrty_D = document .getElementById( "setup_ item") .nextSibling. nextSibling; 

} 

</script> 
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Template 46: table-delete_setup_item_3_entry.txt (cf. Template SSI) 

Script 

<scr ipt typ6= "text/ j avascr ipt " > 
ii_Enrty_D.deleteCell(3) ; 

if (navigator . appName == "Microsoft Internet Explorer") 
{ 

ii_Enrty_D = ii_Enrty_D .nextSibling; 

} 

else 

//if (navigator .userAgent . searchC "Netscape") != -1 I I 
// navigator .userAgent . search( "Firef ox" ) != -1 I I 
// navigator .userAgent . search ( "Safari" ) != -1 ) 
{ 

ii_Eiirty_D = ii_Enrty_D .nextSibling. nextSibling; 

} 

</script> 
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O Personal setup for the main function I : 
iiiteger_l — j . integer_2 — |~ 

setup_maiii_ftinction_l_choosing= 1 



Setup table for the tuaiD fiitictioti 1 



entry 


setnpitem 1 


setnp item 2 


setup Item 4 


eiit[7[l] 


1 im 


1 JUI 




entry[2] 


1 im 


1 lUl 


1 Effff 










entrj'P] 


1 

im 


1 im 


1 fffiff 


rf 

im 


unit of setup eotry 


commoQ 






* Move the cursw miLo a aotation for ciiectiiig its d«fiiiitiou. 



Top 



Submit 



Figure 23: The 4th column of the setup table has been deleted row by row (cf. Figures fllal and [20ap . 
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Chapter 4 

Result Presentation 
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4.1 Running program 

Template 47: Starting a program or modifying the setup 

Script 



<?php 

if ($main_f unction != NULL ki 
$mode_checked == "yes" ki 
$setup_ checked == "yes" 

{ 

if ($output_series == NULL) 
{ 



For main.php, not results. php, cf. Template 1541 



echo 
echo 
echo 
echo 
echo 
echo 

echo 

echo 
echo 
echo 
echo 
echo 
echo 
echo 

echo 

echo 
echo 
echo 

echo 
echo 
echo 
echo 

echo 
echo 
echo 
echo 
echo 
echo 



<script type="text/javascript "> ' 

if (navigator. appName == "Microsoft Internet Explorer")' 
{' 

window . location = "#start";' 

}' 

</script> ' 

<h3 id="start"> Start Program </h3>' 

<script type="text/javascript "> ' 

if (navigator .userAgent . search("Firef ox" ) != -1 I I ' 
navigator .userAgent . search("Safari" ) != -1 )' 

{' 

window. location = "#start";' 

}' 

</script> ' 

<h4> Check the above setup </h4>' 

<input type=" submit" class="submit" ' 
name="start" value="Start" />' 

<br />' 
<br />' 

<input type=" submit" class="submit" ' 

name="re_submit" value="Modif y and re-submit" />' 

<br />' 

<scr ipt type= "text/ j avascr ipt " > ' 

if (navigator .userAgent . search ("Netscape") != -1)' 
{' 

window. location. hash = "#start";' 

}' 

</script> ' 



"\r\n 
"\r\n 
"\r\n 
"\r\n 
"\r\n 
"\r\n 

"\r\n 

"\r\n 
"\r\n 
"\r\n 
"\r\n 
"\r\n 
"\r\n 
"\r\n 

"\r\n 

"\r\n 
"\r\n 
"\r\n 

"\r\n 
"\r\n 
"\r\n 
"\r\n 

"\r\n 
"\r\n 
"\r\n 
"\r\n 
"\r\n 
"\r\n 



Template [12] 
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elseif ($output_series == NULL) 
{ 

echo '<input type=" submit" class=" submit" value=" Submit" />' 

echo '<br />' 



\r\n"; cf. Template [5] 



"\r\n" 



</form> 



Template mi 



Template [Ml 



99 



sempjtMHi/iLJl-fla 

setup_item2_2[l] = nn 
setup_itBm2_3[l] = ff.ffff 






setup item2 1 [2] — nn 
setup_item2_2[2] = im 
SBtup_item2_3[2j = ff ffff 


H 




setup item2 1[3] — un 
setup_item2_2[3] = im 
setup_item2_3[3] = ff ffff 


Top ^^^^H 




Start Program 






Check the above setup 






1 Start 1 
1 Modify and re-submit | 




^1 



Figure 24: Starting a program or modifying the setup. 
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Template 48: Copying uploaded files 



Script 



<?php 

if ($main_f unction != NULL k& 

$mode_checked == "yes" && 

$setup_ checked == "yes" && 

$_POST["start"] != NULL ) 

{ 

include ( "inain/setup_ output _file . txt " ) 



if ($f unction_choice == "function_user") 
{ 

$main_f older 
= "../••/••/■•/•■ /home/guest/clshan/main" ; 



$personal_f ile_f older_copy 
= $main_f older . "/" . $p6rsonal_file_f older ; 



After "Start" clicking, not "Modify and re-submit" 



Template [50] 



Folder of the main program 



$cp_cmd 

= "cp " . $personal_file_f older 



/" . $personal_f unction_f ile_copy . 
" f unct ion_user . c " ; 



. $personal_f ile_f older_copy . "/ 
shell_exec("$cp_cmd") ; 



if ($f unction2_needed == "yes") 
{ 

$cp_cmd 

= "cp " . $personal_file_f older . "/" . $personal_f unction2_f ile_copy 
. $personal_file_f older . "/" . "function2_user.txt"; 



shell_exec("$cp_cnid") ; 



shell_exec("gcc -g -o main-web-user $main_f older /main-web . c -Im"); 
shell_exec(" . /main-web-user") ; 



Re-compile and execute the main program with user-uploaded file(s) 



else 
{ 

shell_exec ( " . /main-web" ) ; 

} 



Execute the default main program 
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if ($f unction_choice == "function_user") 
{ 

$cp_cmd 

= "cp sajnples/sajnple-function_user .txt " 

. $personal_f ile_f older_copy . "/" • "f unction_user . c" ; 



shell_exec("$cp_cmd") ; 



Copy the sample file(s) to replace the user-uploaded files 



if ($f unction2_iieeded == "yes") 
{ 

$cp_cmd 

= "cp samples/sample-function2_user .txt " 

. $personal_file_f older . "/" . "function2_user.txt" 

shell_exec("$cp_cmd") ; 



include ( "inain/setup_ output_reload . txt " ) ; 



Template EH 



echo '<script type="text/javascript">' . "\r\n"; 

echo ' this . location. replace ("results .php") ; ' . "\r\n"; 
echo '</script>' . "\r\n"; 



Redirect to results. php 
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Template 49: sample-input_setup_web.txt (cf. Templates [501 \5T\ and 175)) 



Script 






Main_f unction 












1 


1, 


inain_f uiiction_choosing = 


1 ; 


..-/_. 


._/_. 


._/_... 





Maiii_f unctioii_l 












2 


1, 


mode_choosing = 


1 ; 


.._/_. 


._/_. 


._/_... 




2 


2, 


integer_l = im ; 












2 


3, 


integer_2 = im ; 












2 


4 


1, 


float_l_l = ff.ffff 












2 


4 


2, 


float_l_2 = ff.ffff 












2 


5 


1, 


float_2_l = ff.ffff 












2 


5 


2, 


float_2_2 = ff.ffff 












2 


6 


1, 


integer_3 = nn 












2 


6 


2, 


float_3 = ff.ffff 













For 


_teinporary_f older s 












1 


5 


1, 


personal_f ile_date = 


100509 ; 










1 


5 


2, 


personal_f ile_tinie = 


071908 ; 










1 


5 


3, 


plot_output_date = 


100509 ; 










1 


5 


4, 


plot_output_tiine = 


082319 ; 










1 


5 


5, 


randoin_gen = 


1920 ; 
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Template 50: setup_output_file.txt (cf. Templates H^l [5^ and [75 | 



Script 



<?php 

$setup_output = f open("tmp/input_setup_web/input_setup_web.txt" , "w"); 
f puts ($setup_output , sprintf ("\n") ) ; 

f puts ($setup_output , sprintf ("0 Maiii_f unctioii\n") ) ; 
f puts ($setup_output , sprintf ) ; 

f puts ($setup_output , 

sprintf (" 1 1, main_f unction_choosing = 7.d ;\n", 
$inain_f unction_choosing) ) ; 

f puts ($setup_output , sprintf ("\n") ) ; 
f puts ($setup_output , sprintf ("\n") ) ; 

/ * Main_f unct ion_ 1 *************************************************************/ 

f puts ($setup_output , sprintf ("0 Main_function_l\n") ) ; 
f puts ($setup_output , sprintf ("\n") ) ; 

f puts ($setup_output , 

sprintf (" 2 1, mode_choosing = 'l,d ;\n", 

$mode_choosing) ) ; 
f puts ($setup_output , sprintf ("\n") ) ; 



f puts ($setup_output , 

sprintf (" 2 2, integer_l = '/.s ;\n", 
$integer_l)) ; 
f puts ($setup_output , 

sprintfC 2 3, integer_2 = '/.s ;\n", 
$integer_2)) ; 
f puts ($setup_output , sprintf ("\n") ) ; 

f puts ($setup_output , 

sprintfC 2 4 1, float_l_l = '/.s ;\n", 
$float_l_l)) ; 
f puts ($setup_output , 

sprintfC 2 4 2, float_l_2 = '/.s ;\n", 
$float_l_2)) ; 
f puts ($setup_output , sprintf ("\n") ) ; 

f puts ($setup_output , 

sprintfC 2 5 1, float_2_l = '/.s ;\n", 
$float_2_l)) ; 
f puts ($setup_output , 

sprintfC 2 5 2, float_2_2 = '/.s ;\n", 
$float_2_2)) ; 
f puts ($setup_output , sprintf ("\n") ) ; 

f puts ($setup_output , 

sprintfC 2 6 1, integer_3 = '/.s ;\n", 
$integer_3)) ; 

f puts ($setup_output , 

sprintfC 2 6 2, float_3 = '/.s ;\n", 
$float_3)) ; 

f puts ($setup_output , sprintf ("\n") ) ; 



Not 7.d! 



Not y.f ! 
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/ * For temporary folders *********************************************** 



f puts ($setup_output , 

sprintf ("0 For_temporary_f olders\n") ) ; 
f puts ($setup_ output , sprintf ("\n") ) ; 



f puts ($setup_output , 

sprintfC 15 1, personal_f ile_date = 7oS ;\n" 
$personal_f unction_date) ) ; 
f puts ($setup_output , 

sprintfC 15 2, personal_f ile_time = /oS ;\n" 
$personal_f unction_tiine) ) ; 
f puts ($setup_output , sprintf ("\n") ) ; 



Not 7.d! 



f puts ($setup_output , 

sprintfC 1 5 3, plot_output_date = '/.s ;\n", 
$plot_output_date) ) ; 
f puts ($setup_output , 

sprintfC 15 4, plot_output_time = */,s ;\n", 
$plot_output_tinie) ) ; 
f puts ($setup_output , sprintf ("\n") ) ; 

$random_gen = ( (gmdate(d) . gmdate(H)) * (gmdate(i) . gmdate(s)) ) 7. 10000; 



if ($randoiii_gen == 0) 
{ 

$random_gen = 909; 

} 



elseif ($random_gen >= 1 kk 
$random_gen < 10 ) 

{ 

$random_gen = $random_gen * 909; 

} 

elseif ($random_gen >= 10 kk 
$random_gen < 100 ) 

{ 

$random_gen = $random_gen * 101; 

} 



elseif ($random_gen >= 100 kk 
$raiLdom_gen < 1000 ) 

{ 

$random_gen = $random_gen + ($randoiii_gen / 100) * 1000; 

} 

f puts ($setup_output , 

sprintfC 1 5 5, randoni_gen = '/.d ;\n", 

$random_gen) ) ; 



f puts ($setup_output , sprintf ("\n") ) ; 
f puts ($setup_output , sprintf ("\n") ) ; 



f close($setup_output) ; 

?> 
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Template 51: sample-input_setup_web_reload.txt (cf. Templates and [5^ 



Script 



<?php 

$output_series = "output-100509-082319" 
// Maiii_f unction 

$main_f unction_choosing = 1 ; // 
// Main_f unction_l 

$mode_choosing = 1 ; // 



_/_ 



$personal_f unction_f ile = "tmp/uploaded_f unctions/f unction_user . txt " 
$personal_f unct ion2_ f ile = " tmp/uploaded_ f unct ions/ f unct ion2_user . txt " 

$integer_l = nn ; 
$integer_2 = nn ; 



$float_l_l = 0.00001 ; 
$float_l_2 = ff .ffff ; 

$float_2_l = ff.ffff ; 
$float_2_2 = ff.ffff ; 

$integer_3 = nn ; 
$float_3 = ff.ffff ; 

// For_teinporary_f olders 

$personal_f ile_date = "100509" 
$personal_f ile_time = "071908" 

$plot_output_date = "100509" 
$plot_output_time = "082319" 



// Replacement_f or_f loat_ 1_1_=_0 ! ! 



See Template [32] 
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Template 52: setup_output_reload.txt (cf. Templates 15(71 and ISTj) 

Script 



<?php 

$setup_output = f open("tmp/input_setup_web/input_setup_web_reload.txt" , "w"); 

f puts ($setup_output , sprintf ("<?php\ii" ) ) ; 
f puts ($setup_output , sprintf ) ; 

************************************************* 

f puts ($setup_output , 

sprintf (" \$output_series = \"plot-*/,s-y,s\" ;\n", 

$plot_output_date , $plot_output_time) ) ; 

f puts ($setup_output , sprintf ("\n") ) ; 
f puts ($setup_output , sprintf ("\n") ) ; 

/* Main function ***************************************************************/ 

f puts ($setup_output , sprintf ("// Main_function\n")) ; 
f puts ($setup_output , sprintf ("\n") ) ; 

f puts ($setup_output , 

sprintfC \$inain_f unction_choosing = '/,d ;\n", 
$inain_f unction_choosing) ) ; 

f puts ($setup_output , sprintf ("\n") ) ; 
f puts ($setup_output , sprintf ("\n") ) ; 
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/+ nicLiii_f unct ioii_ 1 

f puts ($setup_output , sprintfC'// Main_function_l\n")) ; 
f puts ($setup_output , sprintf ("\n") ) ; 

f puts ($setup_output , 

sprintfC \$mode_choosing = */,d ;\n", 

$mode_choosing) ) ; 

f puts ($setup_output , sprintf ("\n") ) ; 

if ($f unction_choice == "f unction_user" ) 
{ 

if ($personal_function_f ile != NULL && 
$personal_f unction_f ile != $personal_f unction_f ile_copy ) 

{ 



f puts ($setup_output , 

sprintfC \$personal_function_f ile = \"y,s\" ;\n", 
$personal_function_f ile) ) ; 

f puts ($setup_ output , sprintf ("\n") ) ; 

} 

if ($f unction2_needed == "yes") 
{ 

if ($personal_function2_f ile != NULL && 
$personal_f unction2_f ile != $personal_f unction2_f ile_copy ) 

{ 

f puts ($setup_ output , 

sprintfC" \$personal_f unction2_f ile = \"y,s\" ;\n", 
$personal_f unction2_f ile) ) ; 

f puts ($setup_ output , sprintf ( "\n") ) ; 

} 

} 

if ($personal_function_f ile != NULL kk 
$personal_f unction_f ile == $personal_f unction_f ile_copy ) 

{ 



File 1 uploaded, not typed 



File 2 uploaded, not typed 



f puts ($setup_ output , 

sprintfC" \$personal_f unction_text = \"y,s\" ;\n", 
$personal_f unction_text) ) ; 

f puts ($setup_ output , sprintf ("\n") ) ; 

} 

if ($f unction2_needed == "yes") 
{ 

if ($personal_function2_f ile != NULL && 
$personal_f unction2_f ile == $personal_f unction2_f ile_copy ) 

{ 

fputs ($setup_output , 

sprintfC" \$personal_f unction2_text = \"y,s\" ;\n" 
$personal_f unction2_text) ) ; 

fputs ($setup_ output , sprintf ( "\n") ) ; 

} 

} 

} 



File 1 typed, not uploaded 



File 2 typed, not uploaded 
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f puts ($setup_output , 




sprintfC \$integer_l = */,s ;\n", $integer_ 


D) ; 


f puts ($setup_output , 




sprintfC \$integer_2 = °/,s ;\n", $integer_ 


2)) ; 


f puts ($setup_output , sprintf ("\n") ) ; 




if ($float_l_l != 0.0) 




{ 




f puts ($setup_output , 




sprintfC \$float_l_l = '/,s ;\n", $float_ 


1_1)); 


} 




else 




{ 




f puts ($setup_output , 




sprintfC \$float_l_l = 0.00001 ;\n")); 




} 




if ($float_l_2 != 0.0) 




{ 




f puts ($setup_output , 




sprintfC \$float_l_2 = °/,s ;\n", $float_ 


1_2)); 


} 




else 




{ 




f puts ($setup_output , 




sprintfC \$float_l_2 = 0.00001 ;\n")); 




} 




f puts ($setup_output , sprintf ("\n") ) ; 




if ($float_2_l != 0.0) 




{ 




f puts ($setup_output , 




sprintfC \$float_2_l = °/,s ;\n", $float_ 


2_1)); 


} 




else 




{ 




f puts ($setup_output , 




sprintfC \$float_2_l = 0.00001 ;\n")); 




} 




if ($float_2_2 != 0.0) 




{ 




f puts ($setup_ output , 




sprintfC \$float_2_2 = '/,s ;\n", $float_ 


2_2)); 


} 




else 




{ 




f puts ($setup_output , 




sprintfC \$float_2_2 = 0.00001 ;\n")); 




} 




f puts ($setup_output , sprintf ("\n") ) ; 
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f puts ($setup_output , 

sprintfC \$integer_3 = */,s ;\n", $integer_3) ) ; 

if ($float_3 != 0.0) 
{ 

f puts ($setup_output , 

sprintfC \$float_3 = °/,s ;\n", $float_3)); 

} 

else 
{ 

f puts ($setup_output , 

sprintfC \$float_3 = 0.00001 ;\n")); 

} 

f puts ($setup_output , sprintf C\n") ) ; 
f puts ($setup_output , sprintf ("\n") ) ; 



/* For temporary folders ************* 



f puts ($setup_output , 

sprintfC// For_temporary_f olders\n")) ; 
f puts ($setup_output , sprintf ("\n") ) ; 



f puts ($setup_output , 

sprintfC \$personal_f ile_date = \"'/.s\" ;\n", 
$personal_f ile_date) ) ; 
f puts ($setup_output , 

sprintfC \$personal_f ile_time = \"yoS\" ;\n", 
$personal_f ile_time) ) ; 



Not 7.d! 



f puts ($setup_output , sprintf ("\n") ) ; 

f puts ($setup_output , 

sprintfC \$plot_output_date = \"yoS\" ;\n", 
$plot_output_date) ) ; 
f puts ($setup_output , 

sprintf (" \$plot_output_tiine = \"yoS\" ; \n" , 
$plot_output_time) ) ; 

f puts ($setup_ output , sprintf ("\n") ) ; 
f puts ($setup_ output , sprintf ("\n") ) ; 



/* 



fputs($setup_output, sprintf C?>\n")) ; 
fputs($setup_output, sprintf ("\n")) ; 



f close($setup_output) ; 
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4.2 Result presentation 

Template 53: Reloading the setup 

Script in main. php 



<?php 

/* Only for "results .php" ***********************************/ 

/* 

include ( " tmp/ input _ setup_web/ input _ setup_web_reload. . txt " ) ; 

*/ 
?> 

<f orm act ion= "main. php" inethod="post " enctype="niultipart/f orm-data"> 



Template H 



Script in results. php 



<?php 

/* Only for "results .php" ***********************************/ 
include ( "tmp/input_ setup_web/input_setup_web_reload . txt " ) ; 



Template EI] 



<f orm act ion= "main. php" method="post " enctype= "multipart/form-data" > 



Template H 



This is the miique required modification from main. php to results .php. 



Ill 



Template 54: Going to "Results" (cf. Templates IH] and O 

Script 



<?php 

if ($main_f unction != NULL 
$mode_checked == "yes" 
$setup_ checked == "yes" 
$output_series != NULL 

{ 



For results. php, not main.php, cf. Template 1471 



echo 
echo 
echo 
echo 
echo 
echo 

echo 

echo 
echo 
echo 
echo 
echo 
echo 
echo 



<script type="text/ j avascript " > ' 

if (navigator . appName == "Microsoft Internet Explorer")' 
{' 

window. location = "#results";' 

}' 

</script> ' 

<h3 id="results"> Results </h3>' 

<script type="text/ j avascript " > ' 

if (navigator .userAgent . search( "Firef ox" ) != -1 I I ' 
navigator .userAgent . search( "Safari" ) != -1 )' 

{' 

window . location = "#results";' 

}' 

</script> ' 



"\r\n' 
"\r\n' 
"\r\n 
"\r\n' 
"\r\n' 
"\r\n' 

"\r\n' 

"\r\n' 
"\r\n' 
"\r\n' 
"\r\n 
"\r\n' 
"\r\n' 
"\r\n 



Template El] 



Template [ 



echo 
echo 
echo 
echo 
echo 
echo 

echo 
echo 



<script type="text/j avascript " > ' 

if (navigator .userAgent . search( "Netscape") != -1) ' 
{' 

window. location. hash = "#results";' 

}' 

</script> ' 

<h5> <a href ="#main">Top</a> </h5>' 
<hr />' 



"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 
"\r\n" 

"\r\n"; 
"\r\n"; 
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Template 55: In forms of plots and tables 

Script 



<?php 

if ($inain_f unction == "inain_function_l" I I 
$main_f unction == "main_f unction_2" ) 

{ 

include ( " setup/setup-plotNo . txt " ) ; 



Template [57] 



for ($n_plot = 1; $n_plot <= $output_plot_No ; $n_plot ++) 
{ 

switch ($main_f unction) 

{ 

case "main_function_l" : 

echo '<h4> </h4>' . "\r\n"; 

include ("main/plot_ output .txt") ; 

include ( " captions/ caption-main_ f unct ion_ 1 . txt " ) ; 
break; 



Templates Ei and Uni 



} 

} 

} 

elseif ($main_f unction == "inain_f unction_3" I I 

$main_f unction == "main_f unction_4" ) 

{ 

include ("setup/setup-tableNo .txt") ; 



Template [ 



for ($n_table = 1; $n_table <= $output_table_No ; $n_table ++) 
{ 



$plot_output_f ile_copy 
= $plot_output_f ile . "-0.txt" 



include("$plot_output_f older/" . $plot_output_f ile_copy) ; 

switch ($main_f unction) 
{ 

case "main_f unction_3" : 

echo '<h4> </h4>' . "\r\n"; 

include ( "tables/table-output_main_f unction_3 . txt " ) ; 
include ("captions/ caption-main_f unction_3 .txt") ; 

break: 



Result output by the main program in PHP syntax 



Read the output results 



} 

} 

} 

?> 
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Template 56: Downloadable output data files (cf. Template [55)) 



Script 



<?php 






echo 


'<h4> Data </h4>' 


. "\r\ii"; 


echo 


'<span class="plot_link"> ' 


. "\r\n"; 


echo 


' <b> TXT: </b>' 


. "\r\ii"; 


echo 


' <a href ="tmp/output_results/ ' ; 




echo 


$plot_output_f ile . '.txt" target="_blank">' 


. "\r\n"; 


echo 


$plot_output_f lie . '.txt</a>' 


. "\r\n"; 


echo 


' </spaii> ' 


. "\r\ii"; 


echo 


'<br />' 


. "\r\ii"; 


echo 


'<br />' 


. "\r\ii"; 


?> 
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Template 57: setup-plotNo.txt (cf. Template [55]) 



Script 



<?php 




/* 


— */ 


// 




// Set the number of output plots 




// 




/* 


— */ 


if ($main_f unction == "main_function_l") 




{ 




$output_plot_No = 1; 




} 




/* 


— */ 


if ($main_f unction == "inain_function_2") 




{ 




$output_plot_No = 2; 




} 




/* 


— */ 


if ($main_f unction == "inain_function_3") 




{ 




$output_plot_No = 0; 




} 







— */ 


if ($main_f unction == "inain_function_4") 




{ 




$output_plot_No = 0; 




} 







— */ 


?> 





115 



Template 58: setup-tableNo.txt (cf. Template [57)) 



Script 



<?php 






/* 




— */ 


// 






// Set the number of 


output tables 




// 






/* 




— */ 


if ($main_f unction 


== "main_function_l") 




{ 






$output_table_No 


= 0; 




} 






/* 




— */ 


if ($main_f unction 


== "inain_function_2") 




{ 






$output_table_No 


= 0; 




} 






/* 




— */ 


if ($main_f unction 


== "main_function_3") 




{ 






$output_table_No 


= 2; 




} 











— */ 


if ($main_f unction 


== "inain_function_4") 




{ 






$output_table_No 


= 1; 




} 











— */ 


?> 
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Template 59: plot_output.txt (cf. Template [5S| 



Script 



<span class="plot_liiik"> 








<b> PS: </b> 








<a href="<?php echo $plot_output_f older . 


/' 






$plot_output_f ile 




. $n_plot; ?> 


ps" target="_blank"> 


<?php echo $plot_output_f ile 


_ ) 


. $n_plot; ?> 


ps</a> 


</span> 








<br /> 








<spaii class="plot_liiik"> 








<b> EPS: </b> 








<a href="<?php echo $plot_output_f older . 


/' 






$plot_output_f ile 




. $n_plot; ?> 


eps" target="_blank"> 


<?php echo $plot_output_f ile 


_ ) 


. $n_plot; ?> 


eps</a> 


</spaii> 








<br /> 








<span class="plot_link"> 








<b> PDF: </b> 








<a href="<?php echo $plot_output_f older . 


/' 






$plot_output_f ile 




. $n_plot; ?> 


pdf" target="_blank"> 


<?php echo $plot_output_f ile 


_ ) 


. $n_plot; ?> 


pdf </a> 


</span> 








<br /> 








<spaii class="plot_liiik"> 








<b> PNG: </b> 








<a href="<?php echo $plot_output_f older . 


/' 






$pl ot _ out put _ f i 1 e 




. $n_plot; ?> 


png" target="_blank"> 


<?php echo $plot_output_f ile 


_ ) 


. $n_plot; ?> 


png</a> 


</span> 








<br /> 








<br /> 








<spaii class="plot_link"> 








<b> Plot preview </b> 








</span> 








<br /> 








<a href="<?php echo $plot_output_f older . 


/' 






$plot_output_f ile 




. $n_plot; ?> 


png" 


target="_blank"> 








<img class="output_plot" 








src="<?php echo $plot_output_f older . 


'/' . 




$plot_output_f ile 




'-' . $n_plot 


?>.png" 


alt="<?php echo $plot_output_f ile 




'-' . $n_plot 


?>.png" /></a> 


<br /> 








<spaii class="credit"> 








<b> Plot credit: </b> 








XXXXXX fenbsp; http://niyweb.ncts.ncku.edu.tw/xxxxxx/ 




</span> 








<br /> 








<br /> 
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Template 60: plot_output_animation.txt (cf. Template 15^ 



Script 



<script type="tex't/ j avascript "> 






var ii_plot_aniniation = 2; 






function plot_change () 






{ 






docTimeiit . getElemen'tBy Id ( "plot output animation' 


) . src = 




<?php 






echo . $plot output folder . . $plot 


output file . 




?>" + n plot animation + ".png"; 






if (n_plot_aiiimation == 4) 






{ 






n_plot_aiiimation = 1; 






} 






else 






{ 






n_plot_aiiimation = n_plot_animation + 1; 






} 






} 






function plot_animate () 






{ 






var t = setTimeout("plot_change()", 1000); 






} 






</script> 






<span class="plot_link"> 






<b> Plot animation </b> 






</span> 






<br /> 






<img class="output_plot" 






id= "plot _ out out _ animation" 






src="<?php echo $plot_output_f older . '/' 






$plot_output_f ile . '-' 


. $n_plot; ?> 


png" 


alt="<?php echo $plot_output_f ile . '-' 


. $n_plot; ?> 


png" 


onload="plot_animate() " /> 






<br /> 






<span class="cr6dit"> 






<b> Plot credit: </b> 






XXXXXX fcnbsp; http://myweb.ncts.ncku.edu.tw/xxxxxx 


/ 




</span> 






<br /> 






<br /> 






<br /> 
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Results 



Distnbution of geaerated numbers 




Figure 25a: Result in form of plots. 



Top 



Results 

Numerical integratiou by the Monte-Carlo method 



Data 

TXT: plQt-100619-151641.1xt 





Mediaa 


MeaH 


Cemln] 


3.12574 


3.12699 


1 la loM^er bound 


3.076B8 


307636 


la upper bouod 


3.17661 


3.17762 




Top 



Figure 25b: Results in form of a table. 
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Chapter 5 

Miscellaneous 
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5.1 File deleting 

Template 61: eraser. php 

Script 



<!DOCTYPE html 

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http : //www . w3 . org/TR/xhtmll/DTD/xhtmll- strict . dtd" > 

<html xmlns="http: //www.w3 . org/1999/xhtnil"> 

<head> 

<title> File Eraser </title> 

<meta id="author" coiitent="Chung-Lin Shan" /> 

<meta http-equiv="Conteiit-Type" content="text/html ; charset=utf -8" /> 
<link rel=" stylesheet" type="text/css" href ="main/main. ess" /> 
</head> 

<body class="en"> 

<h3 class="center"> File Eraser </h3> 
<?php 

shell_exec("riii -r tnip/input_setup_web/* . txt ") ; 

shell_exec("rin -r tnip/output_plots/* . eps") ; 

shell_exec("rm -r tmp/output_plots/* .ps") ; 

shell_exec("rm -r tmp/output_plots/* .pdf ") ; 

shell_exec("rin -r tnip/output_plots/* .png") ; 

shell_exec("rm -r tmp/output_plots/* . txt ") ; 

shell_exec("rin -r tnip/output_results/* . txt ") ; 

shell_exec("rm -r tmp/uploaded_f iles/* .txt") ; 

?> 

</body> 
</htiiil> 
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5.2 Redirection 

Template 62: Redirection to the parent directory 



Script 


<!DOCTYPE html 

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http : //www . w3 . org/TR/xhtmll/DTD/xhtmll- strict . dtd" > 

<html xmlns="http: //www.w3 . org/1999/xhtnil"> 




<head> 




<title> </title> 




<meta id="author" coiitent="Chung-Lin Shan" /> 

<meta http-6quiv="Content-Type" conteiit="t6xt/html ; charset=utf -8 


' /> 


</head> 




<body oiiload="this . location. replace ('../')"> 




</body> 




</htiiil> 
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Template 63: Redirection to a web page 



Script 


<!DOCTYPE html 

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http : //www . w3 . org/TR/xhtmll/DTD/xhtmll-strict . dtd" > 

<html xmlns="http : / /www. w3 . org/1999/xhtiiil"> 




<head> 




<title> </title> 




<meta id="author" coiit6nt="Chung-Lin Shan" /> 

<meta http-equiv="Conteiit-Type" content="text/html ; charset=utf -8 


' /> 


</head> 




<body oiiload= "http : //myweb . net s . ncku . edu . tw/ xxxxxx/ " > 




</body> 




</html> 
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Template 64: Redirection to a web page with countdown 

Script 
<!DOCTYPE html 

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http : //www . w3 . org/TR/xhtmll/DTD/xhtmll-strict . dtd" > 

<html xmlns="http : / /www. w3 . org/1999/xhtiiil"> 

<head> 

<title> </title> 

<meta id="author" coiit6nt="Chung-Lin Shan" /> 

<meta http-equiv="Conteiit-Type" content="text/html ; charset=utf -8" /> 

<meta http-equiv="Ref resh" conteiit=" 15 ; url='myweb.iicts .ncku. edu. tw/xxxxxx/ ' " /> 

</head> 

<body oiiload="countdown() " style="backgrouiid-color : #AFEEEE"> 

<scr ipt type= " text / j avascr ipt " > 
var show_rest_time ; 
var rest_tiine = 15; 

function countdownO 
{ 

if (rest_time == 1) 
{ 

document .getElementById("rest_tinie") . innerHTML = rest_time + " second"; 

} 

else 
{ 

document .getElementById("rest_time") . innerHTML = rest_time + " seconds"; 

} 

if (rest_time >= 1) 
{ 

rest_time = rest_time - 1; 

show_rest_time = setTimeout ("countdownO " , 1000); 

} 

} 

</script> 

<p style="f ont-f amily : 'Times New Roman'; font-size: 14pt ; 
line-height: 18pt; text-align: center"> 

<br /> 

This page will be redirected in <span id="rest_time"></span> , 
or you could click the URL below. 
<br /> 

You could also bookmark this URL for your next visit: 

<a href =" http : //my web .nets .ncku. edu. tw/xxxxxx/ ">http; //my web .nets .ncku. edu . tw/xxxxxx/ </a> 
</p> 

</body> 

</html> 
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Appendix A 

Some Auxiliary Files 
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A.l main. CSS 

Template 65: Headings 

Definitions 



hi 


{font-size : 


26pt; 


color : 


blue ; 


text 


-align: 


center} 






h2 


{font-size : 


23pt; 


color : 


blue ; 


text 


-align: 


center} 






h3 


{font-size : 


18pt; 


color : 


blue ; 


text 


-align: 


left ; margin- 


-left: 


5pt} 


h4 


{font-size : 


15pt; 


color : 


blue ; 


text 


-align: 


left ; margin- 


-left: 


25pt} 


hS 


{font-size : 


13pt; 


color : 


blue ; 


text 


-align: 


center} 






h6 


{font-size : 


12pt; 


color : 


black; 


text 


-align: 


right ; margin- 


-right : 


25pt} 



Template 66: form 

Definitions 



form 



f ieldset 



{font-size: 13pt; line-height: ISpt} 

{margin-left : 36pt ; 
border-style: solid; border-color: transparent} 



Template 67: input 

Definitions 



input. table {line-height: 15pt; text-align: center; 

margin-left: 5pt; margin-right: 5pt ; height: 15pt ; width: 90pt ; 

background-color : #AFEEEE} 

/* PaleTurquolse, RGB={175, 238, 238} */ 

input. upload {line-height: 15pt; text-align: left; 

height: 19.2pt; width: 200pt; 
background-color : #AFEEEE} 

input. text {line-height: 15pt; text-align: center; 

margin-left: 5pt ; margin-right: 5pt ; height: 15pt; width: 40pt ; 
background-color : #AFEEEE} 

input . submit {font-size: llpt; 

margin-left: 36pt ; margin-right: 5pt; height: 22pt; width: 120pt} 

textarea {height: 150pt; width: 300pt ; background-color: #AFEEEE} 

select {padding-left: 3pt; height: 15pt; width: 50pt ; 

background-color : #AFEEEE} 



Template 68: li 

Definitions 



ul 


{list- 


-style-type: disc; 


margin-left 


Opt; 


margin- 


-right : 


25pt} 


ol 


{list- 


-style-type: decimal; 


margin-left 


5pt; 


margin- 


-right : 


25pt} 


li 


{line- 


-height : 20pt ; margin- 


-left : 25pt ; 


margin 


-right : 


25pt} 





Template 69: table 

Definitions 



table 



td 

td. result 



{line-height : 24pt ; margin-left : 36pt ; 
border-style: solid; border-color: blue} 

{text-align: center; width: lOOpt} 

{text-align: center; width: lOOpt} 
{background-color : #AFEEEE} 
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Template 70: img 



Definitions 



img 


eq 


{margin- 


-left: 25pt; 








border- 


-top-width: 5pt; border-bottom-width: 4pt; 








border- 


-left-width: Opt; border-right -width: Opt; 








border- 


-style: solid; border-color: transparent} 




img 


eq-s 


{border- 


-width: Opx; border-style: solid; border-color: 


blue} 


img 


output _plot 


{margin- 


-left: 50pt; height: 320pt ; width: auto; 








border- 


-width: 4px; border-style: double; border-color 


blue} 



Template 71: p 

Definitions 



body 


{background-color : #ADD8E6} 

/* lightblue, RGB={173, 216, 230} */ 


div 


{font-size: 13pt; text-indent: 20pt ; line-height: 16pt} 


P 


{color: black; text-align: justify; 
margin-left : 25pt ; margin-right : 25pt} 


p . EqCard 


{font-size: 13pt} 


p. caption 


{font-size: 13pt; line-height: 20pt; 
margin-left: 36pt ; width: 600pt} 


p. date 


{text-align: right; margin-right: 50pt} 



Template 72: font 

Definitions 



. en 


{font-family: 


"Times New Roman"} 


.bf 


{font -weight : 


bold} 


. it 


{font-style : 


italic} 


.sf 


{f ont -family : 


sans-serif} 



Template 73: color 

Definitions 



.black 


{color : 


black} 


. white 


{color : 


white} 


. red 


{color : 


red} 


. green 


{color : 


green} 


.blue 


{color : 


blue} 


. lightblue 


{color : 


#ADD8E6} 



Template 74: text-align 

Definitions 



. center 


{text-align: 


center} 


.left 


{text-align: 


left} 


. right 


{text-align: 


right} 



129 



Template 75: a 



Definitions 

a:visited {color: #000086} /* darkblue, RGB={0, 0, 139} */ 

a.eq {color: blue; text-decoration: none} 



Template 76: Footnotes 



Definitions 



.def 


{line-height : 20pt ; margin-left : 40pt} 




.plot_link 


{font-size: 13pt; line-height: 17pt; margin-left: 


40pt} 


. credit 


{font-size: llpt ; line-height: 13pt ; margin-left: 


60pt} 
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A. 2 setup-reader. c 



Template 77: Including setup-reader. c 

Script 



personal_setup = f open ("tmp/ input 


.setup_web/input_s6tup_w6b . txt 




#include "main-sub/setup-reader 


c" 


Template [78] 




f close(personal_setup) ; 
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Template 78: setup-reader. c (cf. Template 

Script 



/* */ 

// 

// A subroutine for reading input setup from the website 

// 

/* */ 

do 
{ 

fscanf (personal. setup, '"/.d", &read_setup_category) ; 

switch (read_setup_category) 
{ 

/* */ 

// 

// For users' comments 

// 

case 0: 

f scanf (personal. setup , "7,*s") ; 
break: 
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/* 





// 




// 


Setup for main functions 


// 






case 1: 




fscanf (personal. setup , "7,d" , &read_setup_lteiii) ; 




switch (read_setup_ltem) 




{ 




case 1 : 




fscanf (personal. setup , "*/,*s'/,*sy,*s'/,d'/,*s" , &read_setup_data_lnt) ; 




switch (read_setup_data_lnt) 




{ 




case 1 : 




inaln_f unction = "inaln_f unction_l" ; 




break; 




case 2: 




maln_f unction = "maln_f unction_2" ; 




break; 




case 3: 




inaln_f unction = "inaln_f unction_3" ; 




break; 




case 4: 




inaln_f unction = "inaln_f unction_4" ; 




break; 




default : 




return ; 




} 




break; 



133 



case 5: 




fscanf (personal, setup , ""/^d" , &read_setup_entry) ; 




f sccinf (per sonal_ setup , "%*s%*syo*sy,d%*s" , &read_setup_data_int) ; 


switch (read_setup_entry) 




{ 




case 1 : 




sprintf (read_setup_data_date , "'/,d", read_setup_data_ 


int) ; 


if (read_setup_data_int < 100000) 




{ 




strcpy(personal_f ile_date, "0") ; 




strcat (personal_f ile_date , read_setup_data_date) ; 




} 




else 




{ 




strcpy(personal_f ile_date, read_setup_data_date) ; 




} 




break; 




case 2: 




sprintf (read_setup_data_date , "7.d", read_setup_data_ 


int) ; 


if (read_setup_data_int < 10) 




{ 




strcpy(personal_f ile_time, "00000") ; 




strcat (personal_f ile_time , read_setup_data_date) ; 




} 




else 




if (read_setup_data_int < 100) 




{ 




strcpy(personal_f ile_time, "0000") ; 




strcat (personal_f ile_time , read_setup_data_date) ; 




} 




else 




if (read_setup_data_int < 1000) 




{ 




strcpy(personal_f ile_time, "000") ; 




strcat (personal_f ile_time , read_setup_data_date) ; 




} 




else 




if (read_setup_data_int < 10000) 




{ 




strcpy(personal_f ile_time, "00") ; 




strcat (personal_f ile_time , read_setup_data_date) ; 




} 




else 




if (read_setup_data_int < 100000) 




{ 




strcpy(personal_f ile_time, "0") ; 




strcat (personal_f ile_time , read_setup_data_date) ; 




} 




else 




{ 




strcpy(personal_f ile_time, read_setup_data_date) ; 




} 




break; 
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case 3: 






sprintf (read_setup_data_date , "°/,d" , read_setup_data_ 


int) ; 


if (read_setup_data_int < 


100000) 




{ 






strcpy (plot _ output _date 


"0") ; 




strcat (plot_output_date 


read_setup_data_date) ; 




} 






else 






{ 






Strcpy (plot _ output _date 


read_setup_data_date) ; 




} 






break; 






case 4: 






sprintf (read_setup_data_date , "7,d" , read_setup_data_ 


int) ; 


if (read_setup_data_int < 


10) 




{ 






strcpy (plot _ output _t ime 


"00000") ; 




strcat (plot_output_time 


read_setup_data_date) ; 




} 






else 






if (read_setup_data_int < 


100) 




{ 






Strcpy (plot _ output _t ime 


"0000") ; 




strcat (plot_output_time 


read_setup_data_date) ; 




} 






else 






if (read_setup_data_int < 


1000) 




{ 






Strcpy (plot _ output _t ime 


"000") ; 




strcat (plot_output_time 


read_setup_data_date) ; 




} 






else 






if (read_setup_data_int < 


10000) 




{ 






strcpy (plot _ output _t ime 


"00") ; 




strcat (plot_output_time 


read_setup_data_date) ; 




} 






else 






if (read_setup_data_int < 


100000) 




{ 






Strcpy (plot _ output _t ime 


"0"); 




strcat (plot_output_time 


read_setup_data_date) ; 




} 






else 






{ 






Strcpy (plot _ output _t ime 


read_setup_data_date) ; 




} 






break; 
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case 5: 




random. 


.gen = read_setup_data_int ; 


break; 




default : 




return 


0; 


} 




break; 




default : 




return 0; 




} 




break; 
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/* 





// 




// 


Setup for "inain_function_l" 


// 






case 2: 




fscanf (personal. setup , ""/.d", &read_setup_iteiii) ; 




switch (read_setup_item) 




{ 




case 1 : 




fscanf (personal. setup , "*/,*s'/,*sy,*s'/,d'/,*s" , &read_setup_data_int) ; 




switch (read_setup_data_int) 




{ 




case 1 : 




mode_choice = "mode_choice_l" ; 




break; 




case 2: 




mode_choice = "mode_choice_2" ; 




break; 




case 3: 




inode_choice = "mode_choice_3" ; 




break; 




case 4: 




inode_choice = "mode_choice_4" ; 




break; 




default : 




return ; 




} 




break; 




case 2 : 




fscanf (personal. setup , "y,*s'/,*s/',*s'/,d'/,*s" , &read_setup_data_int) ; 




integer_l = read_setup_data_int ; 




break; 




case 3: 




fscanf (personal. setup , "y,*s'/,*sy,*s'/od'/,*s" , &read_setup_data_int) ; 




integer_2 = read_setup_data_int ; 




break; 
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case 4: 

fscanf (personal, setup , ""/^d" , &read_setup_entry) ; 

f sccinf (per sonal_ setup , "%*s%*syo*syof /o+s" , &read_setup_data_f loat) ; 
switch (read_setup_entry) 

{ 

case 1 : 

float_l_l = read_setup_data_f loat ; 
break; 

case 2: 

float_l_2 = read_setup_data_f loat ; 
break; 

default : 
return ; 

} 

break; 
case 5 : 

fscanf (personal. setup , "7,d" , &read_setup_entry) ; 

fscanf (personal. setup , "y,*s'/,*sy,*s'/of '/,*s" , &read_setup_data_f loat) ; 

switch (read_setup_entry) 
{ 

case 1: 

float_2_l = read_setup_data_f loat ; 
break; 

case 2: 

float_2_2 = read_setup_data_f loat ; 
break; 

default : 
return ; 

} 

break; 
case 6: 

fscanf (personal, setup , "°/,d" , &read_setup_entry) ; 

switch (read_setup_entry) 
{ 

case 1: 

f scanf (per sonal_ setup, "'/,*sy,*s'/,*sy,dy,*s" , &read_setup_data_int) ; 

integer_3 = read_setup_data_int ; 

break; 

case 2: 

f scanf (per sonal_ setup, "y,*sy,*sy,*sy,f y,*s" , &read_setup_data_f loat) ; 

float_3 = read_setup_data_f loat ; 

break; 

default : 
return ; 

} 

break; 
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/* 


*/ 


default : 




return ; 




} 




} 




while ( ! f eof (personal_setup) ) ; 
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Appendix B 



Basic Commands for Website Building 



In this chapter I give some basic and frequently used commands for building a website. Full website building 
tutorials with more detailed explanations and interactive examples can be found in Rcf . [1] . Two validator links 
for validating the HTML and CSS syntax of a web page are also given in Ref . [2] . 
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B.l HTML (Hyper Text Markup Language) and XHTML (Exten- 
sible HTML) 

B.l.l html 

Script 
<!DOCTYPE html 

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http : //www . w3 . org/TR/xhtmll/DTD/xhtmll-strict . dtd"> 

<html xmlns="http : //www. w3 . org/1999/xhtml"> 

<head> 



</head> 
<body> 

</body> 
</htiiil> 

Modification 
<!DOCTYPE html 

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> 



Modification 
<!DOCTYPE html 

PUBLIC "-//W3C//DTD XHTML 1.0 Fraineset//EN" 

"http : //www . w3 . org/TR/xhtmll/DTD/xhtmll-f rameset . dtd"> 
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B.1.2 head 

Script 



<head> 

<tltle> Title of the web page </title> 

<meta ld="author" content="najne(s) of author (s)" /> 

<meta http-equiv="Content-Type" content="text/html ; charset=uf t-8" /> 

<meta http-equiv="Ref resh" content=" 15 ; url='www,xxxxxx.xxx/xxxxxx/' " /> 



<link rel="stylesheet" type="text/css" 

href ="f older of the ess file/name of the ess file. ess" /> 



See Sec. EJ for CSS 



<base href="http://www.xxxxxx.xxx/xxxxxx/" /> 
<base target="_top" /> 

<style type="text/css"> 



See Sec. lBXSl for links 



See Sec. E2 for CSS 



</style> 

<script type="text/javascript"> 



See Sec. IB. 31 for JavaScript 



</script> 
</head> 



Modification 



<meta http-equiv="Content-Type" content="text/html ; charset=big5" /> 



Modification 



<base target="_blank" /> 



Corresponding command for <base> in <body> 



<a href ="http: ">Description of this link</a> 
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B.1.3 


Comments 


Script 




<!-- 


Comment line — > 


< ! — 




Some 


comments . . . 


— > 





See Sees. IB. 2711 IB.3.2[ and IB. 5. 2l for comments in CSS, JavaScript, and PHP, respectively. 
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B.1.4 Tags and elements 

start /opening tags 



<html> , 


<head> , 


<body>, 


<tltle> 


<div>, 


<p>, <a>, 


<spaii> 







End/closing tags 



</html>, </head>, </body>, 
</title>, </div>, </p>, </a>, 
</span> 



Elements 



Element 



<html> 



<head> 



Element < 



<title> </tltle> 

Element 



</head> 



<body> 



<div> 



r <P> 



Element < < 



<a> </a> 



All tags should be in "lowercase" ! 



<spaii> </span> 



. </p> 



</div> 



</body> 



</html> 



See Sec. lB.4.1l for the definitions of a "node" and the "node tree" in HTML DOM. 

Empty elements (without closing tags) 



<meta />, <link />, 

<br />, <hr />, <img />, <input />, 
<area />, <col />, <frame /> 
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B.1.5 Attributes 

Script 



<tag type="type choice of this tag" 

id="id of this tag" 
nam6="name of this tag" 

value="value given for this tag" 



Both single ('...') or double ("...") quotes can be used. 



All attributes should be in "lowercase" ! 



class="specif ied class (for this tag)" 
style="specif ied style for this tag" 



See Sec. E2 for CSS 



(/) > 



See Sees. IB.l.Si IB. 1.91 and IB. 1.121 for some specified attributes combined with the <a>, the <img>, and the 
<input type="radio">, the <input type="checkbox"> as well as with the <option> tags. 
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B.1.6 Headings 

Script 



<body> 

<hl> Main Title of the Website </hl> 
<h2> Title of the web page </h2> 
<hr /> 

<h3> Main title of the category </h3> 
<h4> Title of blocks in the category </h4> 

<hr /> 

<h5> Title of the section </h5> 
<div> 

<h6> Title of the paragraph </h6> 
<P> 

Some sentences . . . <br /> 
Some sentences . . . <br /> 

<span> Some sentences . . . </span> 
</p> 

<hr /> 

</div> 

</body> 
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B.1.7 Text formatting 

Bold face 



<b> Bold face </b> 

<strong> Bold face </strong> 



Italic 

<i> Italic </i> 
<eiii> Italic </eiii> 



Resize 

<big> Text with a bigger font size </big> 
<small> Text with a smaller font size </small> 



Super-/Subscript 



x<sup>n</sup> 






x<sub>n</sub> 




Xn 


Inserted and deleted texts 


<ins> XXXXXX </ins> 




XXXXXX 


<del> XXXXXX </del> 




XXXXXX 



Acronym and abbreviations 



<acronym 


t it le=" complete 


words 


for 


the 


acronym "> An 


acronym </ acronym> 


<abbr 


t it le=" complete 


words 


for 


the 


abbreviation"> An 


abbreviation </abbr> 



Preformatted text 



<pre> 










Some script , . . 








Some script . . . 


Some script with a 


larf 


rer indent . . . 




Some script with a larger indent . . . 


Some script with 


the 


largest indent . . . 




Some script with the largest indent . . . 


</pre> 
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B.1.8 Links and the anchor a 

Script 



<a href ="http : / /www . xxxxxx . xxx/xxxxxx/ xxx . html " 
href=". . /xxxxxx/xxx . html " 

href =" . . /xxxxxx/xxx .html #xxxxxx" 
href="#xxxxxx" 

target="_top/_blank"> 

Description of this link </a> 



Link for sending e-mails 

<a href = "mailto : xxxxxxOxxxxxx . xxx . xx? 
cc=yyyyyy@yyyyyy . yyy . yy& 

bcc=zzzzzz@zzzzzz . ZZZ . ZZ& 

subj 6Ct= ■/.20 •/,20 & 

body=text of the e-mail"> 
Send e-mail to some body</a> 



See Sec. IB. 5. TD for e-mail sending in PHP. 
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B.1.9 img 

Script 



<iing src="xxxxxx . jpg" 

alt="descrlption of the image" 

helght="height of the image" 
width="width of the image" 

border="width of the border of the image" 
align=" top/middle/bottom" 

/ > 



Script 

<img src="xxxxxx . jpg" 



usemap=#najne of the used map /> 

<map najne="najne of the used map"> 

<area shape="rect/circle" 

coords="x_ 1 ,y_l , x_2 , y_2/x_0 , y_0 , r " 

href=" " 

/> 

</map> 



Link with an image 

<a href =".. /xxxxxx/xxxxxx. jpg" 
target="_blank"> 

<img src=" . ./xxxxxx/xxxxxx. jpg" /><a> 



Link for sending e-mails with an envelope icon 

<a href ="mailto : xxxxxxOxxxxxx . xxx . xx? 
=c=yyyyyyayyyyyy . yyy . yy& 
bcc=zzzzzz@zzzzzz . ZZZ . ZZ& 

subj ect= •/,20 y.20 & 

body=text of the e-mail"> 
<img src=" icons/envelope . gif " 
alt="Send E-Mail" 

style="border : 0; width: 32px; height: 32px" /></a> 
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B.1.10 Lists ol, ul and li 

Ordered list 
<ol type="l/A/a/I/i"> 

<11> 

</ll> 
<11> 

</ll> 

</ol> 



Unordered list 
<ul type="disc/circle/square"> 

<11> 

</ll> 
<11> 

</li> 

</ul> 
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B.1.11 form and fieldset 

Script 

<f orni> 

<f leldset> 

<legend> Title of this input field </legend> 

</f ieldset> 
<f ieldset> 

</f ieldset> 
</f orm> 

See Sec. IB. 5.^ for the complete script for <form> tag. 
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B.1.12 input, select, and textarea 

Script 



<input type="text" 

type="password" 

type="radio" (checked) (disabled) 
type="chechbox" (checked) (disabled) 



type="file" 



See Sees. IB.579l and lB.5.10l for file handling and uploading 



type="button" value="Yes ! " 

type="iinage" src=" . . /xxxxxx/xxxxxx. jpg" 

type="submit" value= " Submit " 

type="reset" value="Reset" 

type="hidden" 
/> 



See Sec. IBTQI 



Script 



<select name="the name of this seletion"> 




<optgroup label="label for this category" 




<option value="the value of this option' 

the value of this option 
</option> 


(selected) > 


<option value="the value of this option' 

the value of this option 
</option> 


> 


</optgroup> 




<optgroup label="label for this category" 




<option value="the value of this option' 

the value of this option 
</option> 


(selected) > 


</optgroup> 




</s6lect> 





Script 



<textarea> 
Some text 



</textarea> 
Script 

<label for="the id of the specified item"> 

Some text/Description of the specified item 
</label> 

<input id="an id for this item" /> 
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B.1.13 table 

Script 



<table border="width of the border of the tabel" 
cellspacing="distance between two cells" 

cellpadding="distance between the inner border of the cell and the text" 

frajne= "border /box" 
"void" 

"above/below" 

"hsides/vsides" 

"Ihs/rhs" 

>" 

<caption> Title of this table </caption> 

<tr> 

<th> 

Table header 
</th> 

<th colspan="number of column"> 

Table header 
</th> 

</tr> 

<tr> 

<td rowspan="number of rows"> 

Table data 
</td> 

<td> 

Table data 
</td> 

<td> 

Table data 
</td> 

</tr> 

<tr> 

<td> 

Table data 
</td> 

<td> 

Table data 
</td> 

</tr> 

</table> 
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Defining attribute values for one or more columns 



<col style="style definitions" /> 

<colgroup span="number of columns" style="style def initions"> 
</colgroup> 



Grouping content in one or more rows 



<head> 

<style type="text/css"> 

thead {style definitions} 

tbody {style definitions} 

tfoot {style definitions} 

</style> 
</head> 
<body> 

<table> 
<thead> 



See Sec. EJ for CSS 



</tr> 
</thead> 
<tbody> 

<tr> 

</tr> 
</tbody> 
<tf oot> 

<tr> 

</tr> 
</tf oot> 
</table> 
</body> 
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B.1.14 Frames and frameset 

Script 



<!DOCTYPE html 

PUBLIC "-//W3C//DTD XHTML 1.0 Fraineset//EN" 

"http : //www . w3 . org/TR/xhtmll/DTD/xhtmll-f rameset . dtd"> 



Script 

<f rameset cols=" ...'/,, ...'/., . . .'/." 

rows="...y,, ...•/., ...•/." 
> 

<frame src="xxxxxx .html" /> 
<frame src="xxxxxx.html" /> 
<frame src=". . /xxxxxx/xxxxxx .html" 
noresize /> 

<nof rames> 

Sorry, your browser does not handle frames! 
</nof raiiies> 

</f raiiieset> 



Inline frame 

<iframe src =" xxxxxx.html" 

height="the height of this inline frame" 
width="the width of this inline frame" 
> 

<p> Sorry, your browser does not handle iframe! </p> 
</if rame> 
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B.1.15 Characters and symbols 



Reserved characters in HTML 



& & 


(ampersand) 


< < 


(less than) 


> «£gt; 


(greater than) 


' feapos ; 


(apostrophe, does not work in IE) 


" fequot ; 


(quotation mark) 


ISO 8859-1 symbols 


  


(non-breaking space) 



Detailed lists of the ISO 8859-1 symbols, the ISO 8859-1 characters as well as the math symbols, Greek letters 
and other entities supported by HTML can be found in Ref. [1]. 
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B.2 CSS (Cascading Style Sheets) 



B.2.1 Comments 

Script 



/ * Comment line 




/* 




Some comments . . 




*/ 





See Sees. IB.Ol IB.3.21 and IB. 5. 2l for comments in HTML, JavaScript, and PHP, respectively. 
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B.2.2 Three ways for inserting CSS 

External style sheet 
<head> 

See Sees. [BT3l and IrOI 



Internal style sheet 
<head> 

<style type="text/css"> 

I See Sees. EU and EIJ" 

</style> 
</head> 

Inline style 
<body> 

<tag style="style declaration" (/)> 

Some text . . . 
(</tag>) 

I See Sec. IrOI 

<spaii style="style declaratioii"> 

Some text . . . 
</span> 

</body> 



<llnk rel="stylesheet" type="text/css" 

href ="f older of the ess file/name of the ess file. ess" /> 

</head> 
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B.2.3 Four forms for defining styles 

Forms for style declaration (class/id/attribute selectors) 
<style type="text/css"> 

tag(, tag2, tag3, ...) {style declaration} 



See Sec. EUl 

[(user-defined) attribute] {style declaration} 

tag [attribute] {style declaration} 

</style> 



.general class {style declaration} 

tag. specif ied class {style declaration} 

#specified id {style declaration} 



Examples 



<style type="text/css"> 



hi 

h2, h3 



{style declaration for the "hi" tag} 

{style declaration for both the "h2" and "h3" tags} 



input .data 
#main_title 



{style declaration for the "en" class} 

{style declaration for the "data" class of the "input" tag} 
{style declaration for the tag with the id of "main_title"} 



[id] 

input [type="text"] 
img [class I =result] 



{style declaration for all tags with the "id" attribute} 
{style declaration for the "input" tag with the type of "text"} 
{style declaration for the "img" tag with the class of "result"} 



</style> 



Using defined styles 



<body> 



<tag class="the unique choice of the general/specified class" (/)> 

Some text . . . 
(</tag>) 

<tag id="the specified id of this tag" (/)> 

Some text . . . 
(</tag>) 



</body> 
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B.2.4 Syntax for style declaration 

Example for an external ess file 



hi 




{font-style : 


italic} 




h2 


h4 


{font -weight : 


normal} 






en 


{font-family: 


"Times New Roman"} 






en2 


{font-family; 


sans-serif} 




h3 


en 


{font-family: 


sans-serif; color: 


red} 


h3 


en2 


{font-family: 


"Times New Roman"; color: 


black} 



Example for the internal style declaration 



<style type="text/css"> 

h2 {color: green} 

h6 {text-align: left; margin-left: 25pt} 

</style> 



More examples for style declaration can be found in Sec. lA.ll 

Examples for using defined styles (cf. script in Sec. IB.1.6tt 



<body class="en"> 

<hl> Main Title of the Website </hl> 
<h2> Title of the web page </h2> 
<hr /> 

<h3 class="en"> Main title of the category </h3> 
<h4> Title of blocks in the category </h4> 

<hr /> 

<h5> Title of the section </h5> 
<div style="margin-lef t : 50pt"> 

<h6> Title of the paragraph </h6> 

<p> 

Some sentences . . . <br /> 
Some sentences . . . <br /> 

<span class="en2"> Some sentences . . . </span> 
</p> 

<hr /> 

</div> 

</body> 



Style declarations given in Template [BS] arc needed! 
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Main Title of the Website 
Title of the web page 



Main title of the category 

Title of blocks in the category' 



Tide of the paragraph 



Some sentences ... 
Some, sentences ... 

Some sentences ... 



Title of tbe section 



Figure 26: Headings with style declarations. 
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B.2.5 Image handling 

Script 



<style type="text/css"> 

img {position: lef t/right/top/bottom; 

z-index: 1/-1 ; 

visibility: visible/hidden; 



1: frontground/-!: background 



opacity: 0.5; 


for Fircfox 




filter: alpha (opacity = 50)} 


for Internet Explorer 



</style> 
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B.2.6 Frequently used style properties and values 

Background 



background-color 

background- image : ur 1 ( ' . . / xxxxxx/xxxxxx . j pg O 
background-position: left, right, top, bottom, center 
background-repeat: repeat, repeat-x, repeat-y, no-repeat 



Font 

font-family: "Times New Roman", Times, serif, sans-serifs 
font-weight: bold 
font-style: italic 
font-size 



Text 

color 

height 

width 

line-height 

text-align: left, right, center 
vertical-align: top, bottom, middle 
text-indent 

text-decoration: underline, overline, line-through 
p : first-letter 



Margin 

margin 

margin-left 

margin-right 

margin-top 

margin-bottom 



Links 

a: link 
a: visited 
a: hover 
a: active 



Lists 

list-style-type: decimal, disc 



Border 

border 

border-left 

border-right 

border-top 

border-bottom 

border-style: solid, dashed, dotted, double, groove, ridge, inset, outset, hidden, none 

border-color 

border-width 



Padding 

padding 

padding-left 

padding-right 

padding-top 

padding-bottom 
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Cursor 



cursor: default, pointer, progress, wait, text, help, move, crosshair, 

e-resize, w-resize, n-resize, s-resize, ne-resize, nw-resize, se-resize, sw-resize 



See Sec. IB. 4. "51 for frequently used HTML DOM properties for style declaratfon. 
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B.3 JavaScript 

B.3.1 Start with JavaScript 

Script 

<script type="text/javascript"> 
document .write ( "some text"); 

document .write ( "some text" + N'single quote\' + \& + \"double quote\" + W + \n) ; 
</script> 

See Sec. IB. 5. II for basic PHP syntax. 
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B.3.2 Comments 

Script 

<script type="text/javascript "> 
// Comnient line 

/* Comment line */ 

/* 

Some comments . . . 

*/ 

</script> 

See Secs. lB.1.31lBm and|RL2|for comments in HTML, CSS, and PHP, respectively. 
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B.3.3 Variables 

Script 

<script type= " text/ javascript "> 
var XXX ; 
var xxx_xxx; 

var XXX = number; 

var xxx_xxx = "string"; 

var XXX = number + xxx; 
var xxx_xxx = "string" + xxx_xxx; 
</script> 

See Sec. IB .5.^ for variables in PHP. 
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B.3.4 Function defining 



Script 



<script type="text/javascript"> 

function fmiction_without_ variable () 

{ 




} 




function function_with_variable(xxx, yyy, 
{ 


..) 


} 

</script> 





Examples can be found in Sec. IB. 4. 41 
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B.3.5 if 



Script 



<script type="text/javascr 


ipt "> 


if ((xxx == yyy 


&& 


xxx_xxx != yyy_yyy 


) 1 1 


(condition 


) 1 1 


( ! (condition) 


) ) 


{ 




} 




else 




if (conditions) 




{ 




} 




else 




{ 




} 




</script> 





See Sec. IB. 5 .41 for if, else if and else comments in PHP. 

Script 

<script type="text/ j avascript "> 
xxx = (condition) ? yyy : zzz; 
</script> 
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B.3.6 switch 

Script 

<script type= " text/ javascript "> 
switch (xxx) 

{ 

case x: 

break; 
case y: 

break; 
default : 

} 

</script> 

See Sec. IB. 5. "51 for switch comment in PHP. 
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B.3.7 for 

Script 



<script type="text/javascript"> 

for (xxx = 1; xxx <= xxx_niax; xxx ++) 
{ 



} 

</script> 



Script 

<script type="text/javascript "> 
™r yyy = Array O 

yyy[0] = "zzz"; 
yyy[l] = "zzz"; 



for (xxx in yyy) 



} 

</script> 



See Sec. IB. 5^61 for for and foreach as comments in PHP. 
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B.3.8 while 

Script 

<script type="text/javascript "> 

while (conditions) 
{ 



} 

</script> 



Script 

<script type="t6xt/javascript "> 
do 
{ 



} 

while (conditions) ; 
</script> 



See Sec. IB. 5. "71 for while and do while comments in PHP. 
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B.3.9 Events 

Frequently used events 



<tag onload= "... 
onunload=" . . . 

onkeydown= " . 
onkeypress=" . 
onkeyup= " . 

oncllck= " . . 
ondbcllck=" . . 

ormiouseover=" 
oninous60ut= " 
onmousemove=" 

onmous edown= " 
onmouseup= " 

(/) > 

Examples can be found in Sec. IB. 4. 41 



Together! 
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B.3.10 Frequently used JavaScript methods 



new DateO object 



<script type="text/javascript "> 

document .write (new DateO .getFullYearO) ; 


A four digit representation of a year 


document 


write (new 


DateO 


getMonthO) ; 


A numeric representation of a month (0 to 11) 


document 
document 


write (new 
write (new 


DateO 
DateO 


getDateO) ; 
getDayO) ; 


The day of the month (1 to 31) 

A numeric representation of a day of the week (0 to 6) 


document 
document 


write (new 
write (new 


DateO 
DateO 


getHoursO ) ; 
getUTCHours ) ; 


24-hour format of an hour (0 to 23) 

24-hour format of an hour, according to universal time 


document 
document 
</script> 


write (new 
write (new 


DateO 
DateO 


getMinutes ) ; 
getSeconds ) ; 


Minutes without leading zeros (0 to 59) 
Seconds without leading zeros (0 to 59) 



Math object 

Math.absO, Math.ceilO, Math.f loorO , Math . round () , Math.maxO, Math.minO, 

Math. sin O, Math. cos O, Math. tan O, 

Math.asinO, Math.acosO, Math.atanO, 

Math.sqrtO, Math.powO, Math.expO, Math.logO, 

Math.randomO 



See Sec. IB.5.T2l for frequently used PHP functions. 
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B.4 HTML DOM (Document Object Model) 



B.4.1 Nodes and node tree 



Nodes 





<htiiil> 










<head> 








<t.it.nH> 


</tltle> 




Node ■ 














Node 






</head> 








<body 


> 

' <div> 


<p> 


Document node Root node ■ 








<!— — > 

Comment node 

1 Attribute node 




Node ■ 


■ 


■ 


<a href = " . . . "> </a> 










1 Text node 










<span> </ spaii> 










</p> 








^ </div> 






</body> 






</html> 







See Sec. IB. 1.41 for the basic structure of an HTML document. 
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B.4.2 Methods 

Script 



<script type="text/javascript "> 

node_object . getElementById( "specif ied_ id") .property 
node_object . getElementByName( "specif ied_ name") .property 
node_obj ect . getElementByTagName ( " specif ied_ tag" ) . property 

</script> 



See Sec. lBX3l for HTML DOM properties. 
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B.4.3 Properties 

Script 



<script type= " text / j avascrlpt " > 
node_obj ect . parentNode . property 
node_object . childNodes [number] . property 

node_object . fir stChild. property 
node_obj ect . lastChild . property 

node_obj ect . previousSibling . property 
node_object .nextSibling. property 

node_object . attributes [number] . property 

node_object .nodeName = " "; 

node_object .nodeType = " "; 

node_object .nodeValue = " "; 

node_obj ect .name = " "; 

node_obj ect . type = " "; 

node_obj ect . value = " "; 

node_object.innerHTML = " "; 

</script> 



Links 



anchor_node_object .href 
anchor_node_obj ect . src 



input 



input_node_obj ect . checked = true, false 
input_node_obj ect . disabled = true, false 
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B.4.4 Examples 

Combined with "events" 



<input type="radio" 

ormiouseover="this .nextSibllng.nextSlbllng. style . color = 'red'; 

this .nextSibling.nextSibling. style . fontWeight = 'bold'" 
ormiouseout= "this .nextSibling.nextSibling. style . color = 'black'; 

this .nextSibling .nextSibling. style . fontWeight = 'normal' 
onclick= "this . checked = false" 
/> 

<span> Some text . . . </span> 



Combined with "events" and "functions" 



<script type="text/javascript"> 

function change_color (row_number, item_number, color_user) 
{ 

document . getEleinentById(row_ number) . childNodes [ it em_ number] . style . color = color_user ; 

} 

function recover_color (row_number , itein_nuniber) 

{ 

document . getElementById(row_nuinber) . ChildNodes [item_number] . style . color = 'black'; 

} 

</script> 

<table border="l"> 
<tr id="row_l"> 

<th onmouseover="chaiige_color ( 'row_l ' , 0, 'red')" 

onmouseout= "recover_color ( 'row_l ' , 0)"> 

celKl.l) 
</th> 

<th onmouseover=" change_ color (' row_ 1 ' , 1, 'blue')" 

onmouseout= "recover_color ( 'row_l ' , !)"> 

cell(l,2) 
</th> 

</tr> 

<tr id="row_2"> 

<th onmouseover="change_color ( ' row_2 ' , 0, 'lightgreen') " 

onmouseout= "recover_color ('row_2' , 0)"> 

cell(2,l) 
</th> 

<th onmouseover="change_color ( ' row_2 ' , 1, 'gold')" 

onmouseout= "recover_color ('row_2' , 1)"> 

cell(2,2) 
</th> 

</tr> 

</table> 



More examples can be found in Chap. [3l 
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B.4.5 Frequently used HTML DOM properties for style declaration 



Background 


style . backgr oundColor 




style .backgroundlmage = 


'url ( ' . . /xxxxxx/xxxxxx . jpg ' ) " 


style .backgroundPosition 


= "left", "right", "top", "bottom", "center" 


style .backgr oundRepeat = 


"repeat", "repeat-x", "repeat-y", "no-repeat" 



Font 



style . fontFamily = 


"Times New Roman" , 


"Times", "serif". 


"sans-serifs" 


style . fontWeight = 


"bold" 






style . fontStyle = 


'italic" 






style . f ontSize 









Text 

style . color 
style .height 
style .width 
style . lineHeight 

style . textAlign = "left", "right", "center" 
style . verticalAlign = "top", "bottom", "middle" 
style . text Indent 

style . textDecoration = "underline", "overline", "line-through" 



Margin 

style .margin 
style . marginLef t 
style . marginRight 
style . marginTop 
style . marginBottom 



Image 



style 
style 


visibility = 
zindex = "1", 


'visible", "hidden" 
"-1" 




Lists 


style 


listStyleType 


= "decimal", "disc" 




Border 


style 
style 
style 
style 
style 


border 
borderLef t 
borderRight 
borderTop 
borderBottom 






style 

style 
style 


borderStyle = 

borderColor 
borderWidth 


"solid", "dashed", "dotted", "double" 
"groove", "ridge", "inset", "outset", "hidden". 


"none" 



Padding 

style .padding 
style .paddingLeft 
style . paddingRight 
style . paddingTop 
style . paddingBottom 
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Cursor 



Style . cursor = "default" , 


"pointer", "progress", "wait", "text", "help". 


"move" , 


"crosshair" , 


"e-resize" , 


"w-resize" , "n-resize" , "s-resize" , 






"ne-resize" 


, "nw-resize" , "se-resize" , "sw-resize" 







See Sec. IB. 2.^ for frequently used style properties and values in CSS. 
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B.4.6 Navigator object 




Script 




<script type="text/javascript "> 

if (navigator . appName == "Microsoft Internet 
{ 


Explorer") 


} 




else 

If (navigator .userAgent . searchC'Netscape") ! 
navigator .userAgent . searchC'Firef ox" ) ! 
navigator .userAgent . search("Safarl" ) ! 

{ 


= -111 
= -111 
= -1 ) 


} 

</script> 
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B.4.7 Location object 

Script 



<script type="text/javascript "> 

if (navigator . appName == "Microsoft Internet Explorer") 
{ 

window. location = "#specif ied_id" ; 

} 

</script> 

<h3 id="specif ied_id> Main title of the catagory </h3> 

<scrlpt type="text/javascrlpt "> 

If (navigator .userAgent . search("Firef ox" ) != -1 I I 
navigator .userAgent . search("Safarl" ) != -1 ) 

{ 

window. location = "#specif ied_id" ; 

} 

</script> 



<scrlpt type="text/javascrlpt "> 

if (navigator .userAgent . search("Netscape") != -1) 
{ 

window. location. hash = "#specif ied_id" ; 

} 

</script> 



Methods 
reload ( ) , replace ( "new_ur 1 " ) 



183 



B.5 PHP (PHP: Hypertext Preprocessor) 
B.5.1 Start with PHP 

Script 



<?php 








echo "some text"; 








echo "some text" 


. "'single quote'" 


'"double quote"' 


. '\r\n'; 


?> 









See Sec. IB. 3.11 for basic JavaScript syntax. 
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B.5.2 Comments 

Script 



<?php 




// Comment line 




/* Comment line 


*/ 


/* 




Some comments . . 




*/ 




?> 





See Sees. IB.Ol IB.2.11 and IB. 3. 2l for comments in HTML, CSS, and JavaScript, respectively. 
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B.5.3 Variables 

Script 



<?php 

$xxx = nuinber ; 
$xxx_xxx = "string"; 

$xxx [$yyy] = nimiber ; 
$xxx_xxx [$yyy] = "string"; 

$xxx = nnmber + $xxx ; 

$xxx_xxx = "string" . $xxx_xxx; 

?> 



See Sec. IB. 3. "31 for variables in JavaScript. 
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B.5.4 if 



Script 



<?php 






if (($xxx == $yyy i 


i& 




$xxx_xxx != $yyy_yyy 


) 


1 1 


(condition 


) 


1 1 


( ! (condition) 


) 


) 


{ 






} 






else if (conditions) 






{ 






} 






else 






{ 






} 






?> 







See Sec. IB. 331 for if, else if and else comments in JaveScript. 
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B.5.5 switch 

Script 



<?php 

switch ($xxx) 
{ 

case x: 



break; 
case y: 



break; 
default : 



} 

?> 



See Sec. IB. 3^61 for switch comment in JaveScript. 
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B.5.6 for 

Script 
<?php 

for ($xxx = 1; $xxx <= $xxx_max; $xxx ++) 
{ 



} 

?> 



Script 



<?php 




$yyy = array ("zzz", "zzz" , 


...); 


foreach ($yyy as $value) 




{ 




} 




?> 





See Sec. IB.STTl for for and for in comments in JaveScript. 
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B.5.7 while 

Script 

<?php 

while (conditions) 
{ 



} 

?> 



Script 

<?php 
do 
{ 



} 

while (conditions) ; 

?> 



See Sec. IB. 3^81 for while and do while comments in JaveScript. 
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B.5.8 form 




Script 




<forni action="login_check.php" 
method= "post /get " 
enctype="multipart/f orin-data> " 




<f leldset> 




<legend> Login </legend> 




<input type="text" naiiie="user_name" /> 
<input type="password" naine="user_password" /> 


<br/ > 
<br/ > 


</f ieldset> 




<input type=" submit" iiame=" submit" value=" Submit' 
<br /> 


/> 


</form> 





login_check.php 
<?php 

$user_name = $_PDST ["user_name"] ; 

$user_password = $_PQST ["user_password"] ; 

?> 



Modification 



<?php 

$xxx = $_Get ["xxx"] ; 
$yyy = $_Get["yyy"] ; 

?> 
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B.5.9 File handling 

Script 

<?php 

$data_ input = fopenC'data.txt" , "r"); 

do 
{ 

} 

while (! feof ($data_ input) ) ; 
f close($data_input) ; 



$result_output = f open ("result . txt" , "w/a") ; 



f close($result_output) ; 

?> 



Frequently used functions for file handling 

fopenO, fcloseO, 
fputsO, fscanfO, 
f ile_exists () , feofO, 
linkO , unlinkO , copyO , 
move_uploaded_f ileO , 
mkdirO, rmdirO 



See Sec. IB. 5. 101 for more details about the move_uploaded_f ile () function. 
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B.5.10 File uploading 



Script 



<forni action="get_f ile .php" 
inethod= "post" 

enctype="multipart/f orin-data> " 






<f leldset> 






<legend> File uploading </legend> 






<input type="file" naiiie="uploaded_f ile" 


/> <br 


/> 


</f ieldset> 






<input type=" submit" name=" submit" value= 
<br /> 


'Submit' 


/> 


</f orm> 







get_file.php 
<?php 

move_uploaded_f ile($_FILES ["uploaded_f ile"] ["tmp_name"] , 

"folder.name/" . $_FILES ["uploaded_f ile"] ["name"] ) ; 

if (f ile_exists("folder_name/" . $_FILES ["uploaded_f ile"] ["name"] ) ) 
{ 

if ($_FILES["uploaded_f ile"] ["type"] = "image/jpeg") 
{ 



} 

if ($_FILES["uploaded_f ile"] ["size"] > 20000) 
{ 



} 



} 

?> 



More examples for file uploading and handling can be found in Chap. [21 
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B.5.11 E-mail sending 




Script 




<?php 

mail (e-mail address of a receiver, 
subject of this e-mail, 
message of this e-mail, 
'From: xxxxxx@xxxxxx.xxx.xx' . "\r\n" . 

'Cc: yyyyyy®yyyyyy • yyy • yy ' • "\r\n" . 

'Bcc: zzzzzz@zzzzzz.zzz.zz', 

an additional parameter (optional)); 

?> 


See Sec. IB. 1.81 for e-mail sendine with an <a> tae in HTML 




Example 




<?php 

if ($_POST["conf irm_email"] == "yes") 
{ 

mai 1 ( $_POST [ " new_ part i c ipant _ email _ addr e ss " ] , 




'[Auto submission] Registration confirmation'. 




'Dear '. $_PQST ["new_participant_title"] . ' ' . 

$_PDST["new_participant_surname"] . ',' . 


"\r\n" . 
"\r\n" . 


'Herewith we would be glad to confirm ' 

'your registration by ' 

'with the following personal information: ' 


"\r\n" . 
"\r\n" . 


'Title: ' . $_PQST ["new_participant_title"] 
'Surname: ' . $_PDST["new_participant_surname"] 
'Name: ' . $_PQST ["new_participant_name"] 


"\r\n" . 
"\r\n" . 
"\r\n" . 


'Thank you very much for your registration. ' 
'Should you have any questions, ' 
'please don\'t hesitate to contact us.' 


"\r\n" . 
"\r\n" . 


'We are looking forward to seeing you.' 


"\r\n" . 
"\r\n" . 


'Sincerely yours,' 


"\r\n" . 
"\r\n" . 
"\r\n" . 


'The organization committee' 


"\r\n" . 
"\r\n" , 


'From: xxxxxx@xxxxxx.xxx.xx' . "\r\n" . 

'Cc: yyyyyy®yyyyyy • yyy • yy ' ■ "\r\n" . 

'Bcc: zzzzzz@zzzzzz . zzz . zz ' ); 

} 

?> 
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B.5.12 Frequently used functions 

string 

printfO, fprintfO, sprintfO 



Date and time 



<?php 





gmdcite CY) 


A four digit rcprssGiitjitioii of 3, yccir 


echo 


gmdate (y) 


A two digit representation of a year 




^md 3.t 6 ( m ) 


A Tl 1 1 TY^ OT1 Ti^T^TOCOTll" Cl'f'l/^Tl /^T CI Wl ^^t"1^"^l /Ml IVl 
jr\. llLi.lllt_.ilL, 1 clJl tJOtJllLdlLlLJll Ul a lllUllLll \ U ± LLJ 1-^ J 






A iiuiuGric rGprssGiit&tion of el montli without Ic&diug zeros ^1 to 12j 


echo 


cTmf^t^i' o (Pi 
^iiiu cL u c \r J 


A T 1 1 1 1 tPYtiicil T'PTM'PtjfiTita ti nn rif a mritrfn 

Jr\. 1 LLll LCA L LiOjl 1 C LJl Cd.llL£XLlLJll LJl d lllLJllLll 


echo 


gmdate (M) 


A short textual representation of a month (three letters) 




ffmH a"t" o 1 "7 1 


Thp rlav of tVip vpar (0 to '^fi'^'l 

_L lit, y-l Ch y LJl LllC yKl^cLL \\J LLJ iJUiJ 1 


echo 


gmdate Cd) 


The day of the montli (01 to 31) 


echo 


gmdate (j ) 


Tlic day of the month without leading zeros (1 to 31) 


echo 


gmdate (1) 


A full textual representation of a day of the week (lowercase 'L') 


echo 


gmdate (D) 


A textual representation of a day of the week (three letters) 


echo 


gmdate (A) 


Uppercase AM or PM 


echo 


gmdate (a) 


Lowercase am or pm 


echo 


gmdate (H) 


24-hour format of an hour (00 to 23) 


echo 


gmdate (G) 


24-hour format of an hour (0 to 23) 


echo 


gmdate (h) 


12-hour format of an hour (01 to 12) 


echo 


gmdate (g) 


12-hour format of an hour (1 to 12) 


echo 


gmdate (1) 


Minutes with leading zeros (00 to 59) 


echo 


gmdate (s) 


Seconds with leading zeros (00 to 59) 



?> 



Math 

absO, ceilO, f loorO , round () , max(), mln() , 
sinO, cosO, tanO, slnhO, coshO , tanhO , 
asinO , acosO, atanO, asinhO, acoshO, atanhO, 
sqrtO, powO, expO, logO, loglOO, 
randO 



File including 
<?php 

include ("folder_naiiie/full_file_name_uith_the_extenslon") ; 

?> 



Shell commands 
<?php 

shell_exec("a shell command"); 

?> 



See Sec. IB.3.l0l for frequently used JavaScript methods. 
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B.6 Colors 



In this section I list some most frequently used colors (in my opinion) for building a web page. Note that the 
W3C HTML and CSS standards have listed only 16 valid color names: aqua, black, blue, fuchsia, gray, green, 
lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow; other colors have to be defined with their 
HEX values. 

B.6.1 Red series 



Definitions 



Name In text 


In background 


HEX value rgb value {r, g, b} 


red red 
darkred darkred 




#FFOOOO {1 ,0 ,0 } 
#8B0000 {0.55,0 ,0 } 


orange orange 
orangered orangered 




#FFA500 {1 ,0.65,0 } 
#FF4500 {1 ,0.27,0 } 


salmon salmon 
coral coral 
tomato tomato 




#r iiOU / Z iU.3o,*J.0 ,\J.'±Or 

#FF7F50 {1 ,0.5 ,0.31} 
#FF6347 {1 ,0.39,0.28} 


hotpink hotpink 
deeppink deeppink 
crimson crimson 




#FF69B4 {1 ,0.41,0.71} 
#FF1493 {1 ,0.08,0.58} 
#DC143C {0.86,0.08,0.24} 


chocolate chocolate 
firebrick firebrick 
brown brown 




#D2691E {0.82,0.41,0.12} 
#622222 {0.7 ,0.13,0.13} 
#A52A2A {0.65,0.16,0.16} 
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B.6.2 Green series 



Definitions 



Hame In text 


In background 


HEX value rgb value {r, g, b} 


green green 
darkgrecn darkgreen 




#008000 {0 ,0.5 ,0 } 
#006400 {0 ,0.39,0 } 


lime lime 
limegreen limcgreen 
forestgreen forestgrcen 




#OOFFOO {0 ,1 ,0 } 
#32CD32 {0.2 ,0.8 ,0.2 } 
#228B22 {0.13,0.55,0.13} 


lightgreen liglitgreeii 
springgreen springgrccn 




#90EE90 {0.56,0.93,0.56} 
#00FF7F {0 ,1 ,0.5 } 


greenyellow 

lawngreen lawngrccn 




#ADFF2F {0.68,1 ,0.18} 
#7CFCO0 {0.49,0.99,0 } 


ycUowgreen yellowgreen 
olive olive 




#9ACD32 {0.6 ,0.8 ,0.2 } 
#808000 {0.5 ,0.5 ,0 } 
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B.6.3 Blue series 



Definitions 



Name In text 


In background 


HEX value rgb value {r, g, b} 


blue blue 
darkblue darkbluc 




#OOOOFF {0 ,0 ,1 } 
#000086 {0 ,0 ,0.55} 


cyan cyan 
darkcyan darkcyan 




#OOFFFF {0 ,1 ,1 } 
#008B8B {0 ,0.55,0.55} 


skyblue sky blue 
slatebluc slateblue 
royalblue royalblue 




#87CEEB {0.53,0.81,0.92} 
#6A5ACD {0.42,0.35,0.8 } 
#4169E1 {0.25,0.41,0.88} 
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B.6.4 Violet series 



Definitions 



Hame In text 


In background 


HEX value rgb value {r, g, b} 


plum 

violet violet 
magenta magenta 




#DDAODD {0.87,0.63,0.87} 
#EE82EE {0.93,0.51,0.93} 
#FF00FF {1 ,0 ,1 } 


mediumpurple mediumpurple 
blueviolet blueviolet 
darkviolet darkviolet 
purple purple 




#9370D8 {0.58,0.44,0.85} 
#8A2BE2 {0.54,0.17,0.89} 
#940003 {0.58,0 ,0.83} 
#800080 {0.5 ,0 ,0.5 } 



199 



B.6.5 Yellow series 



Definitions 



Hame In text 


In background 


HEX value rgb value {r, g, b} 


yellow 
gold 




#FFFFOO {1 ,1 ,0 } 
#FFD700 {1 ,0.84,0 } 


goldcnrod goldenrod 
darkgoldcnrod darkgoldcnrod 




#DAA520 {0.85,0.65,0.13} 
#B8860B {0.72,0.53,0.04} 
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B.6.6 White-black series 



Definitions 



Hame In text 


In background 


HEX value rgb value {r, g, b} 


white 

gainsboro gaiiisboro 
silver 




#FFFFFF {1 ,1 ,1 } 
#DCDCDC {0.86,0.86,0.86} 
#COCOCO {0.75,0.75,0.75} 


gray gray 
grey grey 




#808080 {0.5 ,0.5 ,0.5 } 
#808080 {0.5 ,0.5 ,0.5 } 


dimgray dimgray 
dimgrey dimgrey 




#696969 {0.41,0.41,0.41} 
#696969 {0.41,0.41,0.41} 


darkgray darkgray 
darkgrey darkgrey 




#404040 {0.25,0.25,0.25} 
#404040 {0.25,0.25,0.25} 


black black 




#000000 {0 ,0 ,0 } 
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B.6.7 Non-white backgrounds 



Definitions 



Hame In text 


In background 


HEX value rgb value {r, g, b} 


peachpufT 

nava j owhit e 1 1 ;i v;\ j owl i i t c 
pink 




#FFDAB9 {1 ,0.85,0.73} 
#FFDEAD {1 ,0.87,0.68} 
#FFCOCB {1 ,0.75,0.80} 


wheat whoal 




#F5DEB3 {0.96,0.87,0.70} 
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